From db0448b468118790f29405e5e6f3bfc0e98e2b01 Mon Sep 17 00:00:00 2001
From: zhangqi <727393967@qq.com>
Date: Fri, 31 Oct 2025 16:15:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=BB=9F=E8=AE=A1=E5=88=86?=
 =?UTF-8?q?=E6=9E=90=E6=9D=BF=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/dev.env.js                             |    2 +-
 config/index.js                               |    2 +-
 src/api/statistics.js                         |  111 ++
 src/api/sysManage.js                          |   87 ++
 src/components/public/Header.vue              |   20 +-
 src/router/index.js                           |   10 +
 src/utils/index.js                            |   27 +
 src/views/aboutUs.vue                         |    2 +-
 src/views/dataSearch.vue                      |   60 +-
 .../sampleViews/formViews/SampleList.vue      |   16 +-
 src/views/dataTransfer/voyageReg.vue          |    7 +-
 src/views/dicManage/visitorUnit.vue           |    8 +
 src/views/home.vue                            |    2 +-
 src/views/personalCenter.vue                  |    6 +-
 src/views/statistics/HovStatistics.vue        |  489 ++++++++
 src/views/statistics/ShipStatistics.vue       | 1018 +++++++----------
 src/views/statistics/components/BarChart.vue  |  435 +++++++
 src/views/statistics/components/PieChart.vue  |  178 +++
 src/views/statistics/index.vue                |   38 +-
 src/views/sysManage/roleManage.vue            |  375 +-----
 src/views/sysManage/userManage.vue            |  610 +++++-----
 static/img/01.png                             |  Bin 3666 -> 1345 bytes
 static/img/011.png                            |  Bin 5252 -> 2178 bytes
 23 files changed, 2162 insertions(+), 1341 deletions(-)
 create mode 100644 src/api/statistics.js
 create mode 100644 src/api/sysManage.js
 create mode 100644 src/utils/index.js
 create mode 100644 src/views/statistics/HovStatistics.vue
 create mode 100644 src/views/statistics/components/BarChart.vue
 create mode 100644 src/views/statistics/components/PieChart.vue

diff --git a/config/dev.env.js b/config/dev.env.js
index 57c3f9a..f9fae85 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -18,7 +18,7 @@ module.exports = merge(prodEnv, {
 
   VUE_APP_BASE_API: '"/api"',
   // VUE_APP_BASE_APIURL: '"http://ds2.hzzxq.com/api2"',
-  VUE_APP_BASE_APIURL: '"http://crm.hzzxq.com/ds"',
+  VUE_APP_BASE_APIURL: '"http://test.gopmas.com/ds"',
   VUE_APP_FULL_API: '"http://10.10.151.5:5555"',
   VUE_APP_BASE_API_FRONT: '"http://10.10.150.128:8080/satellitePub/pub/index.html"',
   VUE_APP_FILE_API: '"http://10.10.151.5:5555/archives"',
diff --git a/config/index.js b/config/index.js
index 2261511..9494e60 100644
--- a/config/index.js
+++ b/config/index.js
@@ -17,7 +17,7 @@ module.exports = {
         // target: 'http://10.0.90.70', // 测试环境
         // target: 'http://1.95.42.191:8080', // 测试环境
         // target: 'http://ds2.hzzxq.com/api2', // 测试环境
-        target: 'http://crm.hzzxq.com/ds', // 测试环境
+        target: 'http://test.gopmas.com/ds', // 测试环境
         changeOrigin: true, // 是否跨域
         secure: false, // 是否使用https
         pathRewrite: {
diff --git a/src/api/statistics.js b/src/api/statistics.js
new file mode 100644
index 0000000..a8901ad
--- /dev/null
+++ b/src/api/statistics.js
@@ -0,0 +1,111 @@
+import request from '@/utils/request'
+
+// 报表配置查询接口
+export function reportList(data) {
+  return request({
+    url: '/report/type/list.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 科考船汇总统计属性
+export function shipTotal(data) {
+  return request({
+    url: '/report/ship/total.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 科考船航次统计
+export function shipVoyage(data) {
+  return request({
+    url: '/report/ship/voyage.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 科考船参航单位统计
+export function shipUnit(data) {
+  return request({
+    url: '/report/ship/unit.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 科考船参航单位统计(年度)
+export function shipUnitYear(data) {
+  return request({
+    url: '/report/ship/unit/year.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 载人潜水器汇总统计属性
+export function platformHov(data) {
+  return request({
+    url: '/report/platform/hov.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 载人潜水器潜次统计
+export function hovDiving(data) {
+  return request({
+    url: '/report/platform/hov/diving.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 载人潜水器参航单位统计
+export function hovUnit(data) {
+  return request({
+    url: '/report/platform/hov/unit.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 载人潜水器参航单位统计(年度)
+export function hovUnitYear(data) {
+  return request({
+    url: '/report/platform/hov/unit/year.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 无人航行潜水器统计
+export function platformAuv(data) {
+  return request({
+    url: '/report/platform/auv.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 遥控潜水器潜水器统计
+export function platformRov(data) {
+  return request({
+    url: '/report/platform/rov.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
diff --git a/src/api/sysManage.js b/src/api/sysManage.js
new file mode 100644
index 0000000..e1e5a6e
--- /dev/null
+++ b/src/api/sysManage.js
@@ -0,0 +1,87 @@
+import request from '@/utils/request'
+
+/* ********************************* 角色列表 **************************************/
+
+// 角色列表
+export function roleList(data) {
+  return request({
+    url: '/frame/role/page.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+/* ********************************* 用户列表 **************************************/
+
+// 用户列表
+export function optrList(data) {
+  return request({
+    url: '/frame/optr/page.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 用户新增
+export function optrAdd(data) {
+  return request({
+    url: '/frame/optr/add.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 用户编辑
+export function optrEdit(data) {
+  return request({
+    url: '/frame/optr/edit.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 用户删除
+export function optrDelete(data) {
+  return request({
+    url: '/frame/optr/delete.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+/* ********************************* 航次管理 **************************************/
+// 航次列表
+export function regList(data) {
+  return request({
+    url: '/voyage/reg/list.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 分配航次
+export function regGrant(data) {
+  return request({
+    url: '/voyage/reg/optr/grant.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
+// 清除航次
+export function regClear(data) {
+  return request({
+    url: '/voyage/reg/optr/clear.htm',
+    method: 'post',
+    type: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+
diff --git a/src/components/public/Header.vue b/src/components/public/Header.vue
index 034c657..1fc56e7 100644
--- a/src/components/public/Header.vue
+++ b/src/components/public/Header.vue
@@ -170,11 +170,11 @@ export default {
               path:"visitorUnit",
               children:[]
             },
-            {
-              name:"共享单位",
-              path:"sharedUnit",
-              children:[]
-            },
+            // {
+            //   name:"共享单位",
+            //   path:"sharedUnit",
+            //   children:[]
+            // },
             {
               name:"资助机构",
               path:"fundingAgencies",
@@ -195,11 +195,11 @@ export default {
               path:"roleManage",
               children:[]
             },
-            {
-              name:"单位管理",
-              path:"unitManage",
-              children:[]
-            }
+            // {
+            //   name:"单位管理",
+            //   path:"unitManage",
+            //   children:[]
+            // }
           ]
         },
       ],
diff --git a/src/router/index.js b/src/router/index.js
index cc44b4a..4219a69 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -358,6 +358,16 @@ export const constantRoutes = [
           loginAuthority: true
         }
       },
+      {
+        path: 'hov',
+        name: 'hov',
+        component: () => import('@/views/statistics/HovStatistics.vue'),
+        meta: {
+          title: '载人潜水器汇总统计',
+          icon: 'peoples',
+          loginAuthority: true
+        }
+      },
       {
         path: 'AboutUs',
         name: 'AboutUs',
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..a5b0ab4
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,27 @@
+export function getYearRange(date) {
+  // 获取传入日期的年份
+  const year = date.getFullYear()
+
+  // 创建年份开始日期 (当年1月1日)
+  const startOfYear = new Date(year, 0, 1)
+
+  // 创建年份结束日期 (当年12月31日)
+  const endOfYear = new Date(year, 11, 31)
+
+  // 格式化日期为 YYYY-MM-DD
+  function formatDate(dateObj) {
+    const y = dateObj.getFullYear()
+    const m = String(dateObj.getMonth() + 1).padStart(2, '0') // 月份从0开始，需要+1
+    const d = String(dateObj.getDate()).padStart(2, '0')
+    return `${y}-${m}-${d}`
+  }
+
+  return {
+    start: formatDate(startOfYear),
+    end: formatDate(endOfYear)
+  }
+}
+
+export function filterDictItems(data, dictName) {
+  return data.filter(item => item.report_type === dictName)
+}
diff --git a/src/views/aboutUs.vue b/src/views/aboutUs.vue
index aca35bd..bad55f5 100644
--- a/src/views/aboutUs.vue
+++ b/src/views/aboutUs.vue
@@ -2,7 +2,7 @@
   <div class="aboutUs">
     <div class="banner">
       <p class="bold">关于我们</p>
-      <p>团队成员主要由海洋地球物理学家、软件工程师和数据管理员构成，隶属于中国科学院深海科学与工程研究所，开展船潜载地球物理数据处理和深海数据系统信息化工具开发的应用基础研究，服务支撑fundingOptions、深海深渊科考、深海考古等国家重大需求。</p>
+      <p>团队成员主要由海洋地球物理学家、软件工程师和数据管理员构成，隶属于中国科学院深海科学与工程研究所，开展船潜载地球物理数据处理和深海数据系统信息化工具开发的应用基础研究，服务支撑、深海深渊科考、深海考古等国家重大需求。</p>
       <p class="bold">团队组成</p>
       <p><span class="fw-700">陈传绪</span>：团队负责人，船潜载地球物理数据处理、算法开发，DSDS架构总设计。</p>
       <p class="fw-700">* DSDS（Deep-Sea Data System）</p>
diff --git a/src/views/dataSearch.vue b/src/views/dataSearch.vue
index 74d1262..ab761fd 100644
--- a/src/views/dataSearch.vue
+++ b/src/views/dataSearch.vue
@@ -27,11 +27,19 @@
         </div>
         <div class="left4" v-if="radio == '数据样品集'">
           <div v-for="(item, index) in dataList" :key="index" :id="item.tsy_id" class="left4_1" >
-
+            <div class="left4_top">
+              <p @click="openList(item, 'list')" style="font-weight: 400;font-size: 14px;cursor: pointer;color: #409eff" >{{ item.dataset_name }} <span class="mileage">{{ item.file_total }}</span></p>
+              <span class="org">{{ item.create_time }}</span>
+            </div>
+            <ul v-show="currenId == item.tsy_id && fold">
+              <li :class="sample.tsy_id == currenSample ? 'bg-color' : ''" class="sample" :id="sample.tsy_id"
+                  v-for="(sample, i) in item.sampleArray" :key="i" @click.stop="onSample(sample)">{{ sample.sample_name }}
+              </li>
+            </ul>
             <div class="left4_list">
               <div class="list1">
                 <p>航次：</p>
-                <span class="hover-color" @click="turnDeatilPage(item)">{{ item.voyage_name }}</span>
+                <span class="hover-color" style="color: #409eff" @click="turnDeatilPage(item)">{{ item.voyage_name }}</span>
               </div>
               <div class="list1">
                 <p>平台类型：</p>
@@ -65,24 +73,15 @@
 
             </div>
 
-            <div class="left4_top">
-              <p @click="openList(item, 'list')" style="font-weight: 400;font-size: 14px;cursor: pointer" :style="currentSample === item.tsy_id ? 'color: #409eff' : ''">{{ item.dataset_name }} <span class="mileage">{{ item.file_total }}</span></p>
-              <span class="org">{{ item.create_time }}</span>
-            </div>
-            <ul v-show="currenId == item.tsy_id && fold">
-              <li :class="sample.tsy_id == currenSample ? 'bg-color' : ''" class="sample" :id="sample.tsy_id"
-                  v-for="(sample, i) in item.sampleArray" :key="i" @click.stop="onSample(sample)">{{ sample.sample_name }}
-              </li>
-            </ul>
-
           </div>
 
         </div>
         <div class="left4" v-if="radio == '航次'">
-          <div v-for="(item, index) in dataList" :key="index" class="left4_1" style="cursor: pointer" :id="item.tsy_id" @click="turnDeatilPage(item)">
+          <div v-for="(item, index) in dataList" :key="index" class="left4_1" style="cursor: pointer" :id="item.tsy_id">
             <div class="left4_top">
-              <p :style="currentVoyage === item.tsy_id ? 'color: #409eff' : ''">{{ item.voyage_name }} <span
-                  class="mileage">{{ item.voyage_mileage }}海里</span></p>
+              <p :style="currentVoyage === item.tsy_id ? 'color: #409eff' : ''">
+                <span style="color: #409eff" @click="turnDeatilPage(item)">{{ item.voyage_name }}</span>
+                <span class="mileage">{{ item.voyage_mileage }}海里</span></p>
               <span class="org">{{ item.funding_org }}</span>
             </div>
             <div class="left4_list">
@@ -271,9 +270,6 @@ export default {
       rendered: []
     }
   },
-  created() {
-    this.getParams()
-  },
   watch: {
     radio(val) {
       this.dataList = []
@@ -314,23 +310,11 @@ export default {
       }
     },
   },
+  mounted() {
+    this.imageryViewModels = setImageryViewModels(this.CesiumHostAddr)
+    this.initCesium()
+  },
   methods: {
-    // 获取从参数列表
-    getParams() {
-      getParamsList().then(res => {
-        const arr = res.array
-        if (arr.length) {
-          arr.forEach(item => {
-            if (item.param_name === 'CesiumHostAddr') {
-              // this.CesiumHostAddr = item.param_value
-              this.CesiumHostAddr = `${window.location.protocol}//${window.location.hostname}:${window.location.port}/tiles/`
-              this.imageryViewModels = setImageryViewModels(this.CesiumHostAddr)
-              this.initCesium()
-            }
-          })
-        }
-      })
-    },
     // 获取菜单
     handleMenu() {
       this.dataList = []
@@ -642,12 +626,13 @@ export default {
       this.viewer.imageryLayers.addImageryProvider(contour6000)
     },
     turnDeatilPage(item) {
-      this.$router.push({
+      const routeData = this.$router.resolve({
         name: 'dataDetail',
         query: {
           voyage_name: item.voyage_name
         }
       })
+      window.open(routeData.href, '_blank')
     },
     shousuo() {
       this.show = true
@@ -807,12 +792,13 @@ export default {
               font-size: 16px;
               color: #212121;
               font-weight: bold;
-              display: flex;
-              justify-content: space-between;
+              //display: flex;
+              //justify-content: space-between;
 
               .mileage {
                 font-size: 12px;
                 color: #909fa7;
+                float: right;
               }
             }
 
diff --git a/src/views/dataTransfer/sampleViews/formViews/SampleList.vue b/src/views/dataTransfer/sampleViews/formViews/SampleList.vue
index 9ec3637..7267242 100644
--- a/src/views/dataTransfer/sampleViews/formViews/SampleList.vue
+++ b/src/views/dataTransfer/sampleViews/formViews/SampleList.vue
@@ -172,6 +172,13 @@
                 </el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="8" v-if="form.sample_tag_name === '应急搜捞'">
+              <el-form-item label="覆盖宽度" prop="conver_width">
+                <el-input v-model="form.conver_width">
+                  <template slot="append">米</template>
+                </el-input>
+              </el-form-item>
+            </el-col>
           </el-row>
           <el-row>
             <el-col :span="8">
@@ -264,7 +271,8 @@ export default {
         start_lat: '',
         end_lon: '',
         end_lat: '',
-        line_deep: ''
+        line_deep: '',
+        conver_width: ''
       },
       rules: {
         publish_rule: [
@@ -308,6 +316,9 @@ export default {
         ],
         line_deep: [
           { required: true, message: '此处为必填项', trigger: 'blur' }
+        ],
+        conver_width: [
+          { required: true, message: '此处为必填项', trigger: 'blur' }
         ]
       },
       // 公开期限下拉数据
@@ -445,7 +456,8 @@ export default {
         start_lat: '',
         end_lon: '',
         end_lat: '',
-        line_deep: ''
+        line_deep: '',
+        conver_width: ''
       }
       this.dynamicTags = []
       this.$refs['form'].resetFields()
diff --git a/src/views/dataTransfer/voyageReg.vue b/src/views/dataTransfer/voyageReg.vue
index e57e550..f127969 100644
--- a/src/views/dataTransfer/voyageReg.vue
+++ b/src/views/dataTransfer/voyageReg.vue
@@ -365,8 +365,11 @@ import {
   voyageRegNav,
   uploadNavigation,
   voyageRegPeople,
-  voyageRegPeopleDelete, voyageRegPeopleEdit, voyageRegPeopleUpload, voyageRegImport
-} from '@/api/dataTransfer'
+  voyageRegPeopleDelete,
+  voyageRegPeopleEdit,
+  voyageRegPeopleUpload,
+  voyageRegImport
+} from '../../api/dataTransfer'
 import { time } from '@/utils/validate'
 import { fundingAll } from '@/api/dicManage'
 
diff --git a/src/views/dicManage/visitorUnit.vue b/src/views/dicManage/visitorUnit.vue
index 933d51f..261a9e8 100644
--- a/src/views/dicManage/visitorUnit.vue
+++ b/src/views/dicManage/visitorUnit.vue
@@ -21,6 +21,7 @@
     <el-table ref="tableData" v-loading="loading" stripe border :data="tableData" :header-cell-style="{ background: '#dddfe6',color: '#555960',textAlign: 'center' }" :cell-style="{ textAlign: 'center' }">
       <el-table-column type="index" label="#" width="50"/>
       <el-table-column prop="unit_name" label="参航单位名称" />
+      <el-table-column prop="unit_type" label="参航单位类型" width="200" />
       <el-table-column prop="unit_lon" label="经度" width="200" />
       <el-table-column prop="unit_lat" label="纬度" width="200" />
       <el-table-column label="操作" width="120">
@@ -61,6 +62,9 @@
         <el-form-item label="所在纬度" prop="unit_lat">
           <el-input v-model="form.unit_lat" />
         </el-form-item>
+        <el-form-item label="单位类型" prop="unit_type">
+          <el-input v-model="form.unit_type" />
+        </el-form-item>
         <el-form-item label="备注信息" prop="unit_remark">
           <el-input v-model="form.unit_remark" type="textarea" />
         </el-form-item>
@@ -99,6 +103,7 @@ export default {
         unit_addr: '',
         unit_lon: '',
         unit_lat: '',
+        unit_type: '',
         unit_remark: ''
       },
       rules: {
@@ -110,6 +115,9 @@ export default {
         ],
         unit_lat: [
           { required: true, message: '此处为必填项', trigger: 'blur' }
+        ],
+        unit_type: [
+          { required: true, message: '此处为必填项', trigger: 'blur' }
         ]
       }
     }
diff --git a/src/views/home.vue b/src/views/home.vue
index 32462ba..e62f235 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -284,7 +284,7 @@ export default {
         },
         {
           pic: require('../../static/images/shuju2_bg3.png'),
-          title: '支撑大科学计划',
+          title: '构建应急搜寻处置快速响应能力',
           des: '应急搜捞应用',
           routerName: 'SalvageHome'
         }
diff --git a/src/views/personalCenter.vue b/src/views/personalCenter.vue
index 2dc503b..ab3e01d 100644
--- a/src/views/personalCenter.vue
+++ b/src/views/personalCenter.vue
@@ -281,7 +281,7 @@ export default {
       },
       updateInfoVisible: false,
       updateInfoForm: {
-        tsy_id: '',
+        optr_id: '',
         optr_name: '',
         optr_sex: '',
         optr_status: '',
@@ -310,7 +310,7 @@ export default {
 
         this.info = data
 
-        this.updateInfoForm.tsy_id = data.tsy_id
+        this.updateInfoForm.optr_id = data.optr_id
         this.updateInfoForm.optr_name = data.optr_name
         this.updateInfoForm.optr_sex = data.optr_sex
         this.updateInfoForm.optr_status = data.optr_status
@@ -337,7 +337,7 @@ export default {
       this.$refs[formName].validate((valid) => {
         if (valid) {
           updatePassword({
-            tsy_id: this.info.tsy_id,
+            optr_id: this.info.optr_id,
             old_password: this.updatePwdForm.old_password,
             new_pass: this.updatePwdForm.new_pass
           }).then(res => {
diff --git a/src/views/statistics/HovStatistics.vue b/src/views/statistics/HovStatistics.vue
new file mode 100644
index 0000000..6c3fcb1
--- /dev/null
+++ b/src/views/statistics/HovStatistics.vue
@@ -0,0 +1,489 @@
+<template>
+  <div class="statistics">
+    <div class="banner">
+      <el-dropdown @command="handleCommand">
+        <span class="titles">{{ currentTitle }}<i class="el-icon-arrow-down el-icon--right" /></span>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item command="全部载人潜水器">全部载人潜水器</el-dropdown-item>
+          <el-dropdown-item
+            v-for="item in titles"
+            :key="item.tsy_id"
+            :command="item.report_name"
+          >
+            {{ item.report_name }}
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+      <div class="numbers">
+        <div v-for="(item, index) in numbers" :key="index" class="item">
+          <div class="value">{{ item.value }}<span class="unit">{{ item.unit }}</span></div>
+          <div class="label">{{ item.label }}</div>
+        </div>
+      </div>
+    </div>
+    <!-- 地图板块-->
+    <div class="map-module">
+      <div class="bezel">
+        <div class="map-title">下潜单位</div>
+        <baidu-map
+          :center="baiduCenter"
+          :zoom="baiduZoom"
+          :scroll-wheel-zoom="true"
+          map-type="BMAP_SATELLITE_MAP"
+          style="width: 100%; height: 100%"
+        >
+          <bm-marker
+            v-for="(item, index) in baiduMarker"
+            :key="index"
+            :position="item.position"
+            :dragging="true"
+            :icon="item.icon"
+            @click="tapBaidu(item, index)"
+          >
+            <bm-label
+              :content="item.content"
+              :offset="item.offset"
+            />
+          </bm-marker>
+        </baidu-map>
+      </div>
+      <div class="bezel">
+        <div class="map-title">下潜地图</div>
+        <div id="cesiumContainer" ref="cesiumContainer" style="height: 100%;width:100%;" />
+      </div>
+    </div>
+    <!-- echarts板块-->
+    <div class="echarts-module">
+      <div class="bezel">
+        <BarChart
+          :title="barData1.title"
+          :chart-data="barData1.salesData"
+          :categories="barData1.productCategories"
+          chart-type="single"
+        />
+      </div>
+      <div class="bezel">
+        <BarChart
+          :title="barData2.title"
+          :chart-data="barData2.salesData"
+          :categories="barData2.productCategories"
+          chart-type="stacked"
+          stack-name="新增单位数"
+        />
+      </div>
+      <div class="bezel">
+        <BarChart
+          :title="barData3.title"
+          :chart-data="barData3.salesData"
+          :categories="barData3.productCategories"
+        />
+      </div>
+      <div class="bezel">
+        <BarChart
+          :title="barData4.title"
+          :chart-data="barData4.salesData"
+          :categories="barData4.productCategories"
+        />
+      </div>
+      <div class="bezel">
+        <BarChart
+          :title="barData5.title"
+          :chart-data="barData5.salesData"
+          :categories="barData5.productCategories"
+        />
+      </div>
+      <div class="bezel">
+        <PieChart
+          :chart-data="pieData"
+          title="下潜单位类型"
+          chart-type="ring"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BarChart from './components/BarChart.vue'
+import PieChart from './components/PieChart.vue'
+import { setImageryViewModels } from '../../utils/common'
+import { reportList, platformHov, hovUnit, hovUnitYear, hovDiving } from '../../api/statistics'
+import { filterDictItems } from '../../utils/index'
+const Cesium = window.Cesium
+
+export default {
+  components: {
+    BarChart,
+    PieChart
+  },
+  data() {
+    return {
+      currentTitle: '全部载人潜水器',
+      titles: [],
+      numbers: [
+        {
+          label: '潜次数',
+          value: '',
+          unit: '次'
+        },
+        {
+          label: '下潜人数',
+          value: '',
+          unit: '人'
+        },
+        {
+          label: '下潜单位',
+          value: '',
+          unit: '家'
+        },
+        {
+          label: '数据样品个数',
+          value: '',
+          unit: '个'
+        }
+      ],
+      baiduCenter: { lng: 114.4040, lat: 30.5196 },
+      baiduZoom: 5,
+      baiduMarker: [],
+      activeMarkerIndex: -1, // 当前激活的标记点索引
+      viewer: null,
+      // 地图图层基础地址
+      CesiumHostAddr: `${window.location.protocol}//${window.location.hostname}:${window.location.port}/`,
+      trackLineLayers: [],
+      barData1: {},
+      barData2: {},
+      barData3: {},
+      barData4: {},
+      barData5: {},
+      pieData: []
+    }
+  },
+  created() {
+    this.getTypeList()
+    this.getHovList()
+    this.getHovUnit()
+    this.gitHovDiving()
+    this.gitHovUnitYear()
+    this.getChartBar({ year: '2025' })
+  },
+  mounted() {
+    this.imageryViewModels = setImageryViewModels(this.CesiumHostAddr)
+    this.initCesium()
+  },
+  methods: {
+    // 载人潜水器数据
+    getTypeList() {
+      reportList().then(res => {
+        this.titles = filterDictItems(res.array, '载人潜水器')
+      })
+    },
+    // 选择载人潜水器
+    handleCommand(command) {
+      this.currentTitle = command
+      this.removeSingleLineImg()
+      if (command === '全部载人潜水器') {
+        this.getHovList()
+        this.gitHovDiving()
+        this.gitHovUnitYear()
+        this.getChartBar({ year: '2025' })
+      } else {
+        this.getHovList({ platform_name: command })
+        this.gitHovDiving({ platform_name: command })
+        this.gitHovUnitYear({ platform_name: command })
+        this.getChartBar({ year: '2025', platform_name: command })
+      }
+    },
+    // 汇总统计数据
+    getHovList(params = {}) {
+      platformHov(params).then(res => {
+        const obj = res.array[0]
+        this.numbers[0].value = obj.diving_total
+        this.numbers[1].value = obj.driver_member_total
+        this.numbers[2].value = obj.unit_total
+        this.numbers[3].value = obj.dataset_total
+      })
+    },
+    // 下潜单位统计
+    getHovUnit() {
+      hovUnit().then(res => {
+        this.baiduMarker = res.array.map(item => {
+          return {
+            position: {
+              lng: item.unit_lon,
+              lat: item.unit_lat
+            },
+            content: item.unit_name,
+            offset: { width: 16, height: 32 },
+            icon: {
+              url: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAE9klEQVR4AZxXXWgcVRT+zkwaBS0mu1FpSyHFbKoIQjFoRSh5EX8QbYVKq4I+hLa7qRWCf32QRoh/gfqSzcYQiyDUlgZFffHnoRGhQsFQwWLYbKx9kFokuwkRSrHZuf3OzOzuTGaS3c3lfnPO/c65Z76Zu3Nn1kIT7Y6Jy9sSuUJfe64wRZsnlnzkfa5Pc5ooiYYEdOTmHkzkZsftGzcusfiEAL0AuomNPrp9bkJzNFfnMFa31xWQzBWOOjC/AnIAXrtK870IPjTi7FeorxyhMRo5oHOSnMvBmn1NAYnR/KAB3q9VkKFSJrWJeLKYTh1dSG8/rVBfOWITIEPwm87VGv4w1qwqIJEr7IVYx/xZ05a9YXMp0/WOP17VaI7mMmGagNZwayG+xQpIjv/1MNPPEOBVfF7KpHrmD3b+o+NGoLk6R+f6+Wf8mv6wZmIFGKf8mpsi+Hshk3rZ9ddxcOeyhk6t1tRBABEB7dn8UzBmv5/T59uQSY7lH+JtPZ7IzX3poXBcuVBSbeDVYE23do13vYgAse3dGjEG35TSqR/UDyKZze8xRr4jNwCY5zxgQDmNkQ91rWFYS8lKbfUriAjg1e9xg4I/XBs4tI3NdBrL/hiQBID/mHvKhfrkNKY5jIV7pZYxXu1ANCRgY3YmyVgHwQuzfndt4GCZFv42TCepi9zCdpb6u19QqO9yMJ1eDkfBbqq1OvxzVKMhAS0GmysR28B7jCqEZ3UHpDg5VzqUqt4h1zdyzkuBl4NaC9YKnkMzQgJ4C20lFSLXr6gNgmu5RcfGKv+kNogKV8kJxhzH8XdIwLY3tAZjIQGL/d2/MbhIoIxbHlAbhAi+1bEYK/JoVrhKjuZVsQGPVPxWe3Gm4qsNCVDCAD+7ViQiAIJJjRFPtPON2DZS6FWorxyBQA6qzXFcAQJcuHKw51qVpxMRIMa5QJ7dPM5DqOsjReIEwfOg17IxpRCgsu4n/BwEm4j1jI65PGfVBhERANtyt2CB2a1XF0xWn1tsH094mL7+SBdoFdPKaYzjUE9kZx/jXd3hkctfebZ2jAhwf9HwbrXVIpG11qnFTGqUJ+shEj56lNNYBJY873NnS/33/eL7VRMR4Ee8tTbmlbi74OfUNW3Z2V1M8rZi4BT9SI8VwKuahHg/RrFxLDKrQcKyRJcKWos1P0VMixXg5jl4Ty3XtrfeR4XmrUQyW3iW3F4CMMi6NuawqoBSf+pH5nPf55EfJk0txeBUi7HwNmfyVcGXWiY1qX4cVhWgycvX/9e7cFH9ZpYiedcWPflOzrtmO+XqJxrHkb6mgKWB+0tGREVwGdHQUrSNFXbweVcBOmdo/tV7+UEbOW+VWFOAZi2ku07TfkYAXIqOXMHdVBDT7hz993bLYAQit1HEFB/ND2LSQlRdAZq93Hrr67TnCfBzezgxOrdV/ZUoy+IEuUcBuWrb1ptooDUkYKlva0kco98CJUC2Q5xhrGiJ3Bw52ac0n5z0/KF71rz1mqdoSIAmFg93n+fv4Yj6gOxrH52tXiFPzj8t5g2wcQs/Usx0fU23od6wAK22kE6dhGAQbCLyUfvYn0+3fXJpFx/0cbCRGy5mukfoNtybEqBV+bZ7VwxOqs8357hVLvsvL3xRTHe9pXwzaFqAFi/2p14C5DLATzjB3aBfzKRexDraugToeUqZrm20+kqe9n0Oo70ecxMAAP//0tEICQAAAAZJREFUAwDQYMDuVKkB5gAAAABJRU5ErkJggg==',
+              size: { width: 32, height: 32 }
+            }
+          }
+        })
+        const typeCount = res.array.reduce((acc, unit) => {
+          const type = unit.unit_type
+          acc[type] = (acc[type] || 0) + 1 // 如果类型已存在则计数+1，否则初始化为1
+          return acc
+        }, {})
+        this.pieData = Object.entries(typeCount).map(([type, count]) => ({
+          name: type,
+          value: count
+        }))
+      })
+    },
+    // 潜次统计
+    gitHovDiving(params = {}) {
+      hovDiving(params).then(res => {
+        // 添加轨迹图层
+        res.array.forEach(item => {
+          this.addSingleLineImg(item)
+        })
+      })
+    },
+    tapBaidu(item, index) {
+      // 重置所有标记点为普通图标
+      this.baiduMarker.forEach(marker => {
+        marker.icon.url = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAE9klEQVR4AZxXXWgcVRT+zkwaBS0mu1FpSyHFbKoIQjFoRSh5EX8QbYVKq4I+hLa7qRWCf32QRoh/gfqSzcYQiyDUlgZFffHnoRGhQsFQwWLYbKx9kFokuwkRSrHZuf3OzOzuTGaS3c3lfnPO/c65Z76Zu3Nn1kIT7Y6Jy9sSuUJfe64wRZsnlnzkfa5Pc5ooiYYEdOTmHkzkZsftGzcusfiEAL0AuomNPrp9bkJzNFfnMFa31xWQzBWOOjC/AnIAXrtK870IPjTi7FeorxyhMRo5oHOSnMvBmn1NAYnR/KAB3q9VkKFSJrWJeLKYTh1dSG8/rVBfOWITIEPwm87VGv4w1qwqIJEr7IVYx/xZ05a9YXMp0/WOP17VaI7mMmGagNZwayG+xQpIjv/1MNPPEOBVfF7KpHrmD3b+o+NGoLk6R+f6+Wf8mv6wZmIFGKf8mpsi+Hshk3rZ9ddxcOeyhk6t1tRBABEB7dn8UzBmv5/T59uQSY7lH+JtPZ7IzX3poXBcuVBSbeDVYE23do13vYgAse3dGjEG35TSqR/UDyKZze8xRr4jNwCY5zxgQDmNkQ91rWFYS8lKbfUriAjg1e9xg4I/XBs4tI3NdBrL/hiQBID/mHvKhfrkNKY5jIV7pZYxXu1ANCRgY3YmyVgHwQuzfndt4GCZFv42TCepi9zCdpb6u19QqO9yMJ1eDkfBbqq1OvxzVKMhAS0GmysR28B7jCqEZ3UHpDg5VzqUqt4h1zdyzkuBl4NaC9YKnkMzQgJ4C20lFSLXr6gNgmu5RcfGKv+kNogKV8kJxhzH8XdIwLY3tAZjIQGL/d2/MbhIoIxbHlAbhAi+1bEYK/JoVrhKjuZVsQGPVPxWe3Gm4qsNCVDCAD+7ViQiAIJJjRFPtPON2DZS6FWorxyBQA6qzXFcAQJcuHKw51qVpxMRIMa5QJ7dPM5DqOsjReIEwfOg17IxpRCgsu4n/BwEm4j1jI65PGfVBhERANtyt2CB2a1XF0xWn1tsH094mL7+SBdoFdPKaYzjUE9kZx/jXd3hkctfebZ2jAhwf9HwbrXVIpG11qnFTGqUJ+shEj56lNNYBJY873NnS/33/eL7VRMR4Ee8tTbmlbi74OfUNW3Z2V1M8rZi4BT9SI8VwKuahHg/RrFxLDKrQcKyRJcKWos1P0VMixXg5jl4Ty3XtrfeR4XmrUQyW3iW3F4CMMi6NuawqoBSf+pH5nPf55EfJk0txeBUi7HwNmfyVcGXWiY1qX4cVhWgycvX/9e7cFH9ZpYiedcWPflOzrtmO+XqJxrHkb6mgKWB+0tGREVwGdHQUrSNFXbweVcBOmdo/tV7+UEbOW+VWFOAZi2ku07TfkYAXIqOXMHdVBDT7hz993bLYAQit1HEFB/ND2LSQlRdAZq93Hrr67TnCfBzezgxOrdV/ZUoy+IEuUcBuWrb1ptooDUkYKlva0kco98CJUC2Q5xhrGiJ3Bw52ac0n5z0/KF71rz1mqdoSIAmFg93n+fv4Yj6gOxrH52tXiFPzj8t5g2wcQs/Usx0fU23od6wAK22kE6dhGAQbCLyUfvYn0+3fXJpFx/0cbCRGy5mukfoNtybEqBV+bZ7VwxOqs8357hVLvsvL3xRTHe9pXwzaFqAFi/2p14C5DLATzjB3aBfzKRexDraugToeUqZrm20+kqe9n0Oo70ecxMAAP//0tEICQAAAAZJREFUAwDQYMDuVKkB5gAAAABJRU5ErkJggg=='
+        marker.icon.size = { width: 32, height: 32 }
+        marker.offset = { width: 16, height: 32 }
+      })
+      // 设置当前点击的标记点为高亮图标
+      this.baiduMarker[index].icon.url = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAIN0lEQVR4AbQZW2wc1fWcWduktEX1ziYtKYJ61rJUBVKVGvWhVo3afjQqqOEV4IO3xBuFZ5TdNWQN3l1eAvIBSvgAJAQCAgQEQoAEfPB+BAGyAwTvJqBgIN51UECQ2N65nHNn7syd9czsw8vVPfe8z7nnzuzMnbsGdKmZQ7nfJq3MFSkr94pp5cbNdPYL08p+L0HSuXHWJcmGbbuUFhZdgJnOrKFJPQTzYg8C3iFA/B1ArAABy2mSP5MgabGCdWzDtuzDvqRfVO+4AFrhc8yBzMsgcBtN6ox2ZyF9yJdjcKx2/ZV9RwWkrOyzIOA+QFylAimMCFsJ1gPCuQYY/2NgGhHWE2xVdh7mGBRLxvSErRNtF2Ba2U8FwOpgCtwOgJf2GmJZtVxcS3BrrVy8f7oy9iwD0ywjWMs2bEtAPuA1jsmxPUGLRFsFUALKA4N+bJxAxAtrlcIwwd1fTZamfV04xTZsSzDMvgA4AX4bdHP4kiZUywVQ4CeCsSixbZ9SLRfuCcpb56QvxYBgEbAwF0S2lgowrVyJIpxI4HSEN2kFj67tLn3sCDofOQbHot/Jm1qUE92cmiicbFpAcjC7lh6LGzT3nbVy8a8a3xXSjbnTDyY2OLl9SRgVX8CqfA/a4hrN8YBhw2ka31XSjX1ABZW5aQ6KD8OxBZifz14NgMeBaig2Tu8uvq/YWPynC3rNo0Z+zwBEx9q6ShmbcrgsITzOmQORET22API5j0B2BHitVi7dIpmYIclbBSu73dyX+g4S9g4Gpk2SJUkX4ypVnINzScYZznNQ+BhZgPm7zJ/JZYjA6cJoOnnTyj2GtJ0gh2MJ+ghUZ/pY1rGNEkbiYK4hdy6h5pEFAOJ/NI/91UN7ntP4BaRpZW6mH/vJCxQLBOJkx3aBwhO4ufZ7guBcPDET0QWA8AtAeAMm8rPsEAZmeuRfALgeVEOYojfeqDBoA8cAMAokU2ogW8cHwhvn4pyeVpuLJ3OI6AIQLccEKDe8CLHNLmjqt3AehmcqxfzMZGmHBKJZRjZvEbg94OPKfISg5dTm4ls4VHgBq/I9pD6SQHYUxoQkQobUUdnDQcBflArBGKt+VvwSGhrLkHSgGvlIX8U3YAzmPBKcOTVYQfj3QOrzg97qs8ecPb+DcRjYCfybJt9frYw9o/EB0tV593aDb8C2MWfjnJRx+BUw8BfKgHHvz5dUGYcBCjhcyRFgNzRpuo3u2+jWc4hdC8qMw4K8w4UWUJ389AN6otQdE4D6gbmVim7EImG/pGT0w11pWhv8F59SuJh1bOOyoPsqmcJivi8Qp+9Ab+hdEFoAwNY6CHxbBTMERBbAP1II7CaNLEQ2XYcTjm+EsbD1AsanpvLfh1lGFECmhvA+OOhb9g8AJIvopH9MU61JpXMXHHZEPqlkTLOM+DUEsjf4SFnDMKx4umrjim7EkQXQvao7ecEaAzDPj0x61k4xzSCE2NLbN7uH3rrjDEyzjHUS6J0gfSSzcPh1Or+MpP57CCBy2x5ZACV8j4KoPpxKZ09XTBhGgf9vkNOJBJ1O8AkFANG+Fhfa+kqi5uyDJxD6FYHsCRuekkTIEFlArXLTO2T/NIHTBZzlEOFjtVJ4t9Zf5T3PXeEWUnoX27Ct5CIG+tQ83lMhPD8dswOOLIADIOAjjBnoPlxNTxH9srI4CNvvmatVipfZCMcgiosAxQMMTLOMdUA2Qacgt2xwJE1PQL4CjkKIyNVng9gCqv3Tj5KR/5WExpnEN+37ysXxarm0hbbGZzEwzbKmjmRg1+2zATABTtuPdXzSIcPH2AJ4tVCAdxWAbqOlA5l/hIdavJRXXxhwiYqEiI/wFkTxYTi+APKwEwm/AOIFYobQT9Ln7foltEimCk633b2KjsJNC5iZvHGCJn2bCiB/C+ns5YrvFu63rjsGAb3VB8AHZyYL+kkFhLWmBbBTjy24gDLTEoTILk1v0A64pHRRgwG0+gBLvCCITVefbVsqYO+u4te0OlwE+xDgb2yRiNkykEkbPTWQ46fORZrLtlp5zNtjafIFZEsFsFe1UtgMgC+A18S5yYHcqR7bIbF8ef5QgeI63R1BtLT67NNyAdJY2GOEvU9LNCCzdEU+sPUmfVv94JKDPHlv40a/sdFqpRT5TdEYvK0CpneVXqFHW84LIsQf7R9mO76VTCv7bwDUT/22xe2RIKS1VQD7V8sF/i08zrQLmWR65L8u3R5C4NVXPuWEYVyrmFZx2wVwYBQGX4U9TDOgsDfxS4jpViFpZTeDgH969ojX7p0c8590niKe6KiA6q6xT+ippF/6obot7oxP5WuTVuZ6BLhQSQTAaK1c2Kb4dnBHBXACeio9iIA3MO2AOJ7+JrrdoaPH5MDI+eQ3qlk81O59r/mGn0roBnE0FbGRVu9hZUP0lSkrpz/PlUri/nR2NWJ9i2Sc4d1DevrWOWRnY8dXQKXrRTkB7+OHPhU3hZ269Q9kV9K3Nb9LvJ0mbVHWTe3MR554qBxxeNEFfF3O77UBeRW/dRP1Af2ok4Mbj3B5+OVQPkWJeOW9wzJAWDdTLryubDrFFLdTV99vX6XwKt0+V3gSgKPRntuk+L752c00Ye/0juSlGv2LSXjRvSsF8CxmKkV6/eNNTLtwkmll72YgXj+1frxWKXb88qNYgd61AjhqrVLIEH6CQPWLiWAgBHQR4EPokbcbdKt1tQCeVF3gVTTTj5gOgICabdN/yjsLXwTki2S6XsA3uwqfCYQrG+b1HaJxzszuQtMPlAa/pmzXC+CMM5PF54VA+nsW6XQPt6Ntn1CtjLW8w+QYrcKPAAAA//9QcJOrAAAABklEQVQDALykzWblMgKeAAAAAElFTkSuQmCC'
+      this.baiduMarker[index].icon.size = { width: 48, height: 48 } // 高亮时稍大一些
+      this.baiduMarker[index].offset = { width: 24, height: 48 } // 高亮时稍大一些
+      // 记录当前激活的标记点索引
+      this.activeMarkerIndex = index
+    },
+    // 初始化cesium
+    initCesium() {
+      Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkY2Y5NWY2Ni1mODQ1LTQ3YTUtYjc4Zi1jYzhjMGI2YzcxMWYiLCJpZCI6MTI5ODMwLCJpYXQiOjE2Nzk0Njk5NTd9.DTH54ioOH-HLqeNIetBe9hFyrPOX2Vp1AQmZzw8TIZ4'
+      this.viewer = new Cesium.Viewer('cesiumContainer', {
+        sceneMode: Cesium.SceneMode.SCENE2D,
+        shadows: false,
+        timeline: false,
+        baseLayerPicker: false,
+        // 设置自定义底图
+        imageryProviderViewModels: this.imageryViewModels,
+        // 关闭默认的地形底图
+        terrainProviderViewModels: [],
+        fullscreenButton: false,
+        selectionIndicator: false,
+        homeButton: false,
+        sceneModePicker: false,
+        animation: false,
+        infoBox: false,
+        geocoder: false,
+        navigationHelpButton: false
+      })
+      this.viewer._cesiumWidget._creditContainer.style.display = 'none'
+      this.viewer.scene.sun.show = false
+      this.viewer.scene.moon.show = false
+      this.viewer.scene.fog.enabled = false
+      this.viewer.scene.skyAtmosphere.show = false
+      this.viewer.scene.sun.show = false
+      this.viewer.scene.skyBox.show = false
+      this.viewer.scene.globe.enableLighting = false
+      this.viewer.shadowMap.darkness = 0.8
+      this.viewer.scene._sunBloom = false
+      this.viewer.scene.globe.showGroundAtmosphere = false
+      this.viewer.scene.postProcessStages.fxaa.enabled = true
+
+      this.viewer.camera.setView({
+        // 指定相机初始位置
+        destination: Cesium.Cartesian3.fromDegrees(112, 18, 4000000)
+      })
+    },
+    // 添加轨迹图层
+    addSingleLineImg(item) {
+      const trackLine = new Cesium.WebMapTileServiceImageryProvider(
+        {
+          url: `${this.CesiumHostAddr}geoserver/gwc/service/wmts/rest/dsds:${item.diving_sn}/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/png`,
+          layer: `dsds:${item.diving_sn}`,
+          style: 'default',
+          format: 'image/png',
+          tileMatrixSetID: 'EPSG:4326',
+          tilingScheme: new Cesium.GeographicTilingScheme()
+        }
+      )
+      const trackLineLayer = this.viewer.imageryLayers.addImageryProvider(trackLine)
+      this.trackLineLayers.push(trackLineLayer)
+    },
+    // 移除轨迹图层
+    removeSingleLineImg() {
+      if (this.trackLineLayers.length) {
+        this.trackLineLayers.forEach(line => {
+          this.viewer.imageryLayers.remove(line)
+        })
+      }
+    },
+    // 参潜单位年度
+    gitHovUnitYear(params = {}) {
+      hovUnitYear(params).then(res => {
+        const originalData = res.array
+        const sortedData = originalData.sort((a, b) => a.voyage_year - b.voyage_year)
+        this.barData2 = {
+          title: '年度参潜单位',
+          salesData: [
+            {
+              name: '参潜单位',
+              data: sortedData.map(item => item.unit_total),
+              stack: '新增单位数'
+            },
+            {
+              name: '新增单位',
+              data: sortedData.map(item => item.year_unit_total),
+              stack: '新增单位数'
+            }
+          ],
+          productCategories: sortedData.map(item => item.voyage_year.toString())
+        }
+      })
+    },
+    // 柱状图数据
+    getChartBar(params) {
+      platformHov(params).then(res => {
+        const originalData = res.array
+        const sortedData = originalData.sort((a, b) => a.year - b.year)
+        this.barData1 = {
+          title: '年度潜次数',
+          salesData: sortedData.map(item => item.diving_total),
+          productCategories: sortedData.map(item => item.year.toString())
+        }
+        this.barData3 = {
+          title: '样品集个数',
+          salesData: sortedData.map(item => item.dataset_total),
+          productCategories: sortedData.map(item => item.year.toString())
+        }
+        this.barData4 = {
+          title: '水中时间',
+          salesData: sortedData.map(item => item.water_total),
+          productCategories: sortedData.map(item => item.year.toString())
+        }
+        this.barData5 = {
+          title: '水中作业时间',
+          salesData: sortedData.map(item => item.job_total),
+          productCategories: sortedData.map(item => item.year.toString())
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.statistics {
+  background-color: #ebf1f7;
+
+  .banner {
+    background-image: url(../../../static/images/bannerny1.jpg);
+    width: 100%;
+    height: 480px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+
+    .titles {
+      margin-bottom: 40px;
+      font-size: 56px;
+      color: #fff;
+      font-weight: bold;
+      cursor: pointer;
+    }
+
+    .numbers {
+      display: flex;
+      justify-content: space-between;
+      gap: 80px;
+
+      .item {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        .value {
+          font-size: 56px;
+          font-weight: bold;
+          .unit {
+            font-size: 26px;
+          }
+        }
+        .label {
+          font-size: 18px;
+        }
+      }
+    }
+  }
+  .map-module {
+    padding: 50px 50px;
+    display: flex;
+    justify-content: space-between;
+    gap: 50px;
+    .bezel {
+      flex: 1;
+      width: 100%;
+      height: 520px;
+      border-radius: 10px;
+      overflow: hidden;
+      border: 1px solid #ccc;
+      position: relative;
+
+      .map-title {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        color: white;
+        z-index: 8888;
+        font-size: 22px;
+      }
+      .map-year {
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        color: white;
+        z-index: 8888;
+        width: 100px;
+      }
+    }
+  }
+  .echarts-module {
+    padding: 0 50px 50px;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 50px;
+    grid-auto-rows: 300px;
+
+    .bezel {
+      width: 100%;
+      height: 100%;
+      border-radius: 10px;
+      overflow: hidden;
+      border: 1px solid #ccc;
+      position: relative;
+
+      .map-title {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        color: white;
+        z-index: 8888;
+        font-size: 22px;
+      }
+    }
+  }
+}
+</style>
+
+<style>
+/* 隐藏百度地图Logo和版权信息 */
+.anchorBL {
+  display: none !important;
+}
+.BMap_cpyCtrl {
+  display: none !important;
+}
+.el-icon-arrow-down {
+  font-size: 12px
+}
+</style>
diff --git a/src/views/statistics/ShipStatistics.vue b/src/views/statistics/ShipStatistics.vue
index 34ea8fc..eb1d54d 100644
--- a/src/views/statistics/ShipStatistics.vue
+++ b/src/views/statistics/ShipStatistics.vue
@@ -1,681 +1,505 @@
 <template>
-  <div class="fenxi">
+  <div class="statistics">
     <div class="banner">
-      <img src="../../../static/images/bannerny1.jpg" alt="">
-      <div class="banner_con">
-        <div class="con">
-          <h1>探索一号</h1>
-          <ul>
-            <li>
-              <div class="t">
-                <p>26</p>
-                <span>次</span>
-              </div>
-              <div class="b">
-                <p>航次次数</p>
-              </div>
-            </li>
-            <li>
-              <div class="t">
-                <p>286</p>
-                <span>天</span>
-              </div>
-              <div class="b">
-                <p>航次天数</p>
-              </div>
-            </li>
-            <li>
-              <div class="t">
-                <p>23</p>
-                <span>家</span>
-              </div>
-              <div class="b">
-                <p>参航单位</p>
-              </div>
-            </li>
-            <li>
-              <div class="t">
-                <p>279</p>
-                <span>个</span>
-              </div>
-              <div class="b">
-                <p>作业站位个数</p>
-              </div>
-            </li>
-          </ul>
+      <el-dropdown @command="handleCommand">
+        <span class="titles">{{ currentTitle }}<i class="el-icon-arrow-down el-icon--right" /></span>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item command="全部科考船">全部科考船</el-dropdown-item>
+          <el-dropdown-item
+            v-for="item in titles"
+            :key="item.tsy_id"
+            :command="item.report_name"
+          >
+            {{ item.report_name }}
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+      <div class="numbers">
+        <div v-for="(item, index) in numbers" :key="index" class="item">
+          <div class="value">{{ item.value }}<span class="unit">{{ item.unit }}</span></div>
+          <div class="label">{{ item.label }}</div>
         </div>
       </div>
     </div>
-    <div class="fenxi_con">
-      <div class="fenxi1">
-        <div id="xinxi" class="ccc" />
-      </div>
-      <div class="fenxi1">
-        <h2 class="white">参航单位</h2>
-        <div id="danwei" class="ccc">
-          <baidu-map
-            :center="center1"
-            :zoom="zoom1"
-            :scroll-wheel-zoom="true"
-            map-type="BMAP_SATELLITE_MAP"
-            style="width: 100%; height: 100%"
-            @ready="handler1"
+    <!-- 地图板块-->
+    <div class="map-module">
+      <div class="bezel">
+        <div class="map-title">参航单位</div>
+        <baidu-map
+          :center="baiduCenter"
+          :zoom="baiduZoom"
+          :scroll-wheel-zoom="true"
+          map-type="BMAP_SATELLITE_MAP"
+          style="width: 100%; height: 100%"
+        >
+          <bm-marker
+            v-for="(item, index) in baiduMarker"
+            :key="index"
+            :position="item.position"
+            :dragging="true"
+            :icon="item.icon"
+            @click="tapBaidu(item, index)"
           >
-            <bm-marker
-              v-for="(item, index) in listxia"
-              :key="index"
-              :position="item.dingwei"
-              :dragging="true"
-              :icon="item.pic"
-              @click="totap1(item)"
-            >
-              <bm-label
-                :content="item.content"
-                :offset="{ width: -35, height: 30 }"
-              />
-            </bm-marker>
-          </baidu-map>
-        </div>
+            <bm-label
+              :content="item.content"
+              :offset="item.offset"
+            />
+          </bm-marker>
+        </baidu-map>
       </div>
-      <div class="fenxi1">
-        <div id="renyuan" class="ccc" />
+      <div class="bezel">
+        <div class="map-title">航次地图</div>
+        <el-date-picker
+          v-model="voyageYear"
+          type="year"
+          size="mini"
+          placeholder="选择年"
+          class="map-year"
+          format="yyyy"
+          @change="selectVoyageYear"
+        />
+        <div id="cesiumContainer" ref="cesiumContainer" style="height: 100%;width:100%;" />
       </div>
-      <div class="fenxi1">
-        <h2 class="white">作业站位</h2>
-        <div id="zhanwei" class="ccc">
-          <GMRT />
-        </div>
+    </div>
+    <!-- echarts板块-->
+    <div class="echarts-module">
+      <div class="bezel">
+        <BarChart
+          :title="barData1.title"
+          :chart-data="barData1.salesData"
+          :categories="barData1.productCategories"
+          chart-type="single"
+        />
+      </div>
+      <div class="bezel">
+        <BarChart
+          :title="barData2.title"
+          :chart-data="barData2.salesData"
+          :categories="barData2.productCategories"
+          chart-type="stacked"
+          stack-name="新增单位数"
+        />
+      </div>
+      <div class="bezel">
+        <BarChart
+          :title="barData3.title"
+          :chart-data="barData3.salesData"
+          :categories="barData3.productCategories"
+        />
+      </div>
+      <div class="bezel">
+        <BarChart
+          :title="barData4.title"
+          :chart-data="barData4.salesData"
+          :categories="barData4.productCategories"
+        />
+      </div>
+      <div class="bezel">
+        <PieChart
+          :chart-data="pieData"
+          title="参航单位类型"
+          chart-type="ring"
+        />
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import * as echarts from 'echarts'
-import GMRT from '../GMRT.vue'
+import BarChart from './components/BarChart.vue'
+import PieChart from './components/PieChart.vue'
+import { setImageryViewModels } from '../../utils/common'
+import { reportList, shipTotal, shipUnit, shipUnitYear, shipVoyage } from '../../api/statistics'
+import { getYearRange, filterDictItems } from '../../utils/index'
+const Cesium = window.Cesium
 
 export default {
-  name: 'Fenxi',
   components: {
-    GMRT
+    BarChart,
+    PieChart
   },
   data() {
     return {
-      center: { lng: 118.962643, lat: 35.618913 },
-      zoom: 3,
-      center1: { lng: 56.761382, lat: 10.897877 },
-      zoom1: 2,
-      list: [
+      currentTitle: '全部科考船',
+      titles: [],
+      numbers: [
         {
-          dingwei: {
-            lng: 119.054629,
-            lat: 36.373917
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei.png',
-            size: { width: 16, height: 21 }
-          }
+          label: '航次',
+          value: '',
+          unit: '次'
         },
         {
-          dingwei: {
-            lng: 119.919302,
-            lat: 34.226755
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei.png',
-            size: { width: 16, height: 21 }
-          }
+          label: '航次天数',
+          value: '',
+          unit: '天'
         },
         {
-          dingwei: {
-            lng: 119.560555,
-            lat: 34.421374
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei.png',
-            size: { width: 16, height: 21 }
-          }
+          label: '参航单位',
+          value: '',
+          unit: '家'
         },
         {
-          dingwei: {
-            lng: 116.442213,
-            lat: 35.556921
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei.png',
-            size: { width: 16, height: 21 }
-          }
+          label: '数据样品个数',
+          value: '',
+          unit: '个'
+        },
+        {
+          label: '累计里程',
+          value: '',
+          unit: 'KM'
         }
       ],
-      listxia: [
-        {
-          dingwei: {
-            lng: 56.761382,
-            lat: 10.897877
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei1.png',
-            size: { width: 16, height: 21 }
-          }
-        },
-        {
-          dingwei: {
-            lng: 59.116236,
-            lat: -0.00034
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei1.png',
-            size: { width: 16, height: 21 }
-          }
-        },
-        {
-          dingwei: {
-            lng: 47.783501,
-            lat: -2.370556
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei1.png',
-            size: { width: 16, height: 21 }
-          }
-        },
-        {
-          dingwei: {
-            lng: 41.160475,
-            lat: -5.474589
-          },
-          content: '',
-          pic: {
-            url: 'http://shipin.hey17.com/dingwei1.png',
-            size: { width: 16, height: 21 }
-          }
-        }
-      ],
-      dataShuju: {
-        value: [800, 1200, 900, 1700, 1410, 1600, 1000, 1100],
-        color: '#ffe866',
-        name: 'Observed'
-      },
-      dataQushi: {
-        value: [1000, 1150, 850, 1600, 1510, 1700, 1100, 1300],
-        color: '#02c464',
-        name: 'Predicted',
-        pic: {
-          url: 'http://shipin.hey17.com/dingwei1.png',
-          size: { width: 16, height: 21 }
-        }
-      }
+      baiduCenter: { lng: 114.4040, lat: 30.5196 },
+      baiduZoom: 5,
+      baiduMarker: [],
+      activeMarkerIndex: -1, // 当前激活的标记点索引
+      viewer: null,
+      // 地图图层基础地址
+      CesiumHostAddr: `${window.location.protocol}//${window.location.hostname}:${window.location.port}/`,
+      trackLineLayers: [],
+      voyageYear: '',
+      barData1: {},
+      barData2: {},
+      barData3: {},
+      barData4: {},
+      pieData: []
     }
   },
+  created() {
+    this.getTypeList()
+    this.getShipList()
+    this.getShipUnit()
+    this.gitShipVoyage()
+    this.gitShipUnitYear()
+    this.getChartBar({ year: '2025' })
+  },
   mounted() {
-    this.getecharts()
-    this.gettubiao2()
-    const originShadow = Element.prototype.attachShadow;
-    Element.prototype.attachShadow = (...args) => {
-      const shadowRoot = originShadow.call(this, ...args)
-      const style = document.createElement("style")
-      style.innerHTML = "div { display: none !important; }"
-      shadowRoot.appendChild(style)
-      return shadowRoot
-    };
+    this.imageryViewModels = setImageryViewModels(this.CesiumHostAddr)
+    this.initCesium()
   },
   methods: {
-    getecharts() {
-      var myChart = this.$echarts.init(document.getElementById('xinxi'))
-      var option = {
-        title: {
-          top: '20',
-          left: '20',
-          text: '航次信息统计',
-          textStyle: {
-            color: '#212121',
-            fontSize: '22px'
-          }
-        },
-        grid: {
-          left: '2%',
-          right: '4%',
-          bottom: '10%',
-          top: '20%',
-          containLabel: true
-          // borderColor:'#dce8fe',
-          // borderWidth: 5 ,
-          // show:true,
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'shadow',
-            shadowStyle: { color: 'rgba(0,0,0,0.1)' },
-            z: 1
-          },
-          padding: [15, 22],
-          backgroundColor: 'rgba(0,0,0,0.9)',
-          borderColor: '#01a3ce',
-          borderWidth: 1,
-          textStyle: { fontSize: 15, lineHeight: 32, color: '#ffffff' }
-        },
-        xAxis: {
-          data: [
-            'TS03',
-            'TS04',
-            'TS05',
-            'TS06',
-            'TS07',
-            'TS08',
-            'TS09',
-            'TS010',
-            'TS011',
-            'TS012',
-            'TS013'
-          ],
-          axisLine: { show: true },
-          axisTick: {
-            show: false,
-            lineStyle: { color: '#0187c4', width: 1, opacity: 1 }
-          },
-          axisLabel: {
-            textStyle: { fontSize: 15, color: '#212121' },
-            margin: 25,
-            interval: 0
-          },
-          splitLine: { show: false }
-        },
-        yAxis: {
-          type: 'value',
-          name: '天数',
-          nameTextStyle: {
-            fontSize: '14px',
-            padding: [3, 14, 5, -30]
-          },
-          axisLine: { show: false },
-          axisTick: {
-            show: false,
-            lineStyle: { color: '#0187c4', width: 1, opacity: 1 }
-          },
-          axisLabel: {
-            textStyle: { fontSize: 14, color: '#212121' },
-            opacity: 0.7,
-            margin: 15
-          },
-          splitLine: {
-            show: true,
-            lineStyle: { color: '#212121', width: 1, opacity: 0.2 }
-          }
-        },
-        dataZoom: [
-          {
-            id: 'dataZoomX',
-            type: 'slider',
-            xAxisIndex: [0],
-            filterMode: 'filter'
-          }
-        ],
-        series: [
-          //   {
-          //     type: "pictorialBar",
-          //     z: 13,
-          //     symbolSize: [30, 12],
-          //     symbolOffset: [0, -7],
-          //     symbolPosition: "end",
-          //     tooltip: { show: false },
-          //     itemStyle: { color: "#00a8e6" },
-          //     data: [120, 200, 150, 80, 70, 110, 130, 150, 80],
-          //   },
-          {
-            type: 'bar',
-            z: 12,
-            itemStyle: {
-              color: '#13a1f0',
-              borderRadius: [5, 5, 0, 0] // （顺时针左上，右上，右下，左下）
-              //   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              //     { offset: 0, color: "#00e7ff" },
-              //     { offset: 1, color: "rgba(0,146,255,0.05)" },
-              //   ]),
-            },
-            label: {
-              show: true,
-              position: 'top',
-              distance: 5,
-              fontSize: 16,
-              color: '#212121',
-              lineHeight: 30,
-              fontFamily: 'DIN-Bold'
-            },
-            // emphasis: {
-            //   label: { color: "#f1e06e" },
-            // },
-            barWidth: 20,
-
-            data: [120, 200, 150, 80, 70, 110, 130, 150, 80, 110, 130]
-          }
-        ]
-      }
-      myChart.setOption(option)
+    // 科考船数据
+    getTypeList() {
+      reportList().then(res => {
+        this.titles = filterDictItems(res.array, '科考船')
+      })
     },
-
-    gettubiao2() {
-      var myChart = this.$echarts.init(document.getElementById('renyuan'))
-      var option = {
-        title: {
-          top: '20',
-          left: '20',
-          text: '航次参航人员工作量统计',
-          textStyle: {
-            color: '#212121',
-            fontSize: '22px'
-          }
-        },
-        legend: {
-          data: ['天数', '次数'],
-          right: '5%',
-          top: '5%',
-          textStyle: {
-            color: '#212121',
-            fontSize: '15'
-          },
-          icon: 'roundRect'
-        },
-        grid: {
-          left: '2%',
-          right: '4%',
-          bottom: '10%',
-          top: '20%',
-          containLabel: true
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'shadow',
-            shadowStyle: { color: 'rgba(0,0,0,0.1)' },
-            z: 1
-          },
-          padding: [15, 22],
-          backgroundColor: 'rgba(255,255,255,0.9)',
-          borderColor: '#01a3ce',
-          borderWidth: 1,
-          textStyle: { fontSize: 16, lineHeight: 32, color: '#212121' }
-        },
-        dataZoom: [
-          {
-            id: 'dataZoomX',
-            type: 'slider',
-            xAxisIndex: [0],
-            filterMode: 'filter'
-          }
-        ],
-        xAxis: {
-          data: [
-            '高文清',
-            '秋雪玲',
-            '陈传旭',
-            '何恩怨',
-            '金文明',
-            '罗腾也',
-            '唐元贵',
-            '王飒',
-            '李珊珊'
-          ],
-          axisLine: { show: false },
-          axisTick: {
-            show: false,
-            lineStyle: { color: '#0187c4', width: 1, opacity: 1 }
-          },
-          axisLabel: {
-            textStyle: { fontSize: 16, color: '#212121' },
-            margin: 15,
-            interval: 0
-          },
-          splitLine: { show: false }
-        },
-        yAxis: {
-          type: 'value',
-          name: '天数/次数',
-          nameTextStyle: {
-            fontSize: '14px',
-            padding: [3, 14, 5, -10]
-          },
-          axisLine: { show: false },
-          axisTick: {
-            show: false,
-            lineStyle: { color: '#212121', width: 1, opacity: 1 }
-          },
-          axisLabel: {
-            textStyle: { fontSize: 15, color: '#212121' },
-            opacity: 0.7,
-            margin: 15
-          },
-          splitLine: {
-            show: true,
-            lineStyle: { color: '#212121', width: 1, opacity: 0.2 }
-          }
-        },
-        animationDelay: 900,
-        animationDuration: 2000,
-        animationDurationUpdate: 800,
-        series: [
-          //   {
-          //     type: "pictorialBar",
-          //     z: 13,
-          //     symbolSize: [26, 10],
-          //     symbolOffset: [0, -6],
-          //     symbolPosition: "end",
-          //     tooltip: { show: false },
-          //     itemStyle: { color: "#ffe866" },
-          //     data: [120, 200, 150, 80, 70, 110, 130, 150, 80],
-          //   },
-          {
-            type: 'bar',
-            name: '天数',
-            z: 8,
-            barGap: '30%',
-            itemStyle: {
-              color: '#13a1f0',
-              borderRadius: [5, 5, 0, 0]
-              //   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              //     { offset: 0, color: "#cdc060" },
-              //     { offset: 1, color: "rgba(205,192,96,0.05)" },
-              //   ]),
+    // 选择科考船
+    handleCommand(command) {
+      this.currentTitle = command
+      this.removeSingleLineImg()
+      if (command === '全部科考船') {
+        this.getShipList()
+        this.gitShipVoyage()
+        this.gitShipUnitYear()
+        this.getChartBar({ year: '2025' })
+      } else {
+        this.getShipList({ ship_name: command })
+        this.gitShipVoyage({ ship_name: command })
+        this.gitShipUnitYear({ ship_name: command })
+        this.getChartBar({ year: '2025', ship_name: command })
+      }
+    },
+    // 汇总统计数据
+    getShipList(params = {}) {
+      shipTotal(params).then(res => {
+        const obj = res.array[0]
+        this.numbers[0].value = obj.member_total
+        this.numbers[1].value = obj.days_total
+        this.numbers[2].value = obj.unit_total
+        this.numbers[3].value = obj.dataset_total
+        this.numbers[4].value = obj.mileage_total
+      })
+    },
+    // 参航单位统计
+    getShipUnit() {
+      shipUnit().then(res => {
+        this.baiduMarker = res.array.map(item => {
+          return {
+            position: {
+              lng: item.unit_lon,
+              lat: item.unit_lat
             },
-            barWidth: 20,
-            data: [120, 200, 150, 80, 70, 110, 130, 150, 80]
-          },
-          {
-            name: '次数',
-            type: 'line',
-            stack: 'Total',
-            smooth: true,
-            symbol: 'circle',
-            symbolSize: 10,
-            showSymbol: true,
-            z: 10,
-            data: [100, 150, 200, 100, 80, 90, 100, 110, 100],
-            itemStyle: {
-              color: '#fff',
-              borderColor: '#ffab34',
-              borderWidth: 2,
-              borderType: 'solid'
-            },
-            lineStyle: {
-              color: '#ffab34',
-              width: 4
+            content: item.unit_name,
+            offset: { width: 16, height: 32 },
+            icon: {
+              url: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAE9klEQVR4AZxXXWgcVRT+zkwaBS0mu1FpSyHFbKoIQjFoRSh5EX8QbYVKq4I+hLa7qRWCf32QRoh/gfqSzcYQiyDUlgZFffHnoRGhQsFQwWLYbKx9kFokuwkRSrHZuf3OzOzuTGaS3c3lfnPO/c65Z76Zu3Nn1kIT7Y6Jy9sSuUJfe64wRZsnlnzkfa5Pc5ooiYYEdOTmHkzkZsftGzcusfiEAL0AuomNPrp9bkJzNFfnMFa31xWQzBWOOjC/AnIAXrtK870IPjTi7FeorxyhMRo5oHOSnMvBmn1NAYnR/KAB3q9VkKFSJrWJeLKYTh1dSG8/rVBfOWITIEPwm87VGv4w1qwqIJEr7IVYx/xZ05a9YXMp0/WOP17VaI7mMmGagNZwayG+xQpIjv/1MNPPEOBVfF7KpHrmD3b+o+NGoLk6R+f6+Wf8mv6wZmIFGKf8mpsi+Hshk3rZ9ddxcOeyhk6t1tRBABEB7dn8UzBmv5/T59uQSY7lH+JtPZ7IzX3poXBcuVBSbeDVYE23do13vYgAse3dGjEG35TSqR/UDyKZze8xRr4jNwCY5zxgQDmNkQ91rWFYS8lKbfUriAjg1e9xg4I/XBs4tI3NdBrL/hiQBID/mHvKhfrkNKY5jIV7pZYxXu1ANCRgY3YmyVgHwQuzfndt4GCZFv42TCepi9zCdpb6u19QqO9yMJ1eDkfBbqq1OvxzVKMhAS0GmysR28B7jCqEZ3UHpDg5VzqUqt4h1zdyzkuBl4NaC9YKnkMzQgJ4C20lFSLXr6gNgmu5RcfGKv+kNogKV8kJxhzH8XdIwLY3tAZjIQGL/d2/MbhIoIxbHlAbhAi+1bEYK/JoVrhKjuZVsQGPVPxWe3Gm4qsNCVDCAD+7ViQiAIJJjRFPtPON2DZS6FWorxyBQA6qzXFcAQJcuHKw51qVpxMRIMa5QJ7dPM5DqOsjReIEwfOg17IxpRCgsu4n/BwEm4j1jI65PGfVBhERANtyt2CB2a1XF0xWn1tsH094mL7+SBdoFdPKaYzjUE9kZx/jXd3hkctfebZ2jAhwf9HwbrXVIpG11qnFTGqUJ+shEj56lNNYBJY873NnS/33/eL7VRMR4Ee8tTbmlbi74OfUNW3Z2V1M8rZi4BT9SI8VwKuahHg/RrFxLDKrQcKyRJcKWos1P0VMixXg5jl4Ty3XtrfeR4XmrUQyW3iW3F4CMMi6NuawqoBSf+pH5nPf55EfJk0txeBUi7HwNmfyVcGXWiY1qX4cVhWgycvX/9e7cFH9ZpYiedcWPflOzrtmO+XqJxrHkb6mgKWB+0tGREVwGdHQUrSNFXbweVcBOmdo/tV7+UEbOW+VWFOAZi2ku07TfkYAXIqOXMHdVBDT7hz993bLYAQit1HEFB/ND2LSQlRdAZq93Hrr67TnCfBzezgxOrdV/ZUoy+IEuUcBuWrb1ptooDUkYKlva0kco98CJUC2Q5xhrGiJ3Bw52ac0n5z0/KF71rz1mqdoSIAmFg93n+fv4Yj6gOxrH52tXiFPzj8t5g2wcQs/Usx0fU23od6wAK22kE6dhGAQbCLyUfvYn0+3fXJpFx/0cbCRGy5mukfoNtybEqBV+bZ7VwxOqs8357hVLvsvL3xRTHe9pXwzaFqAFi/2p14C5DLATzjB3aBfzKRexDraugToeUqZrm20+kqe9n0Oo70ecxMAAP//0tEICQAAAAZJREFUAwDQYMDuVKkB5gAAAABJRU5ErkJggg==',
+              size: { width: 32, height: 32 }
             }
-            // areaStyle: {
-            //   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            //     { offset: 0, color: "#3cefc8" },
-            //     { offset: 1, color: "transparent" },
-            //   ]),
-            //   opacity: 0.15,
-            // },
           }
-        ]
-      }
-      myChart.setOption(option)
+        })
+        const typeCount = res.array.reduce((acc, unit) => {
+          const type = unit.unit_type
+          acc[type] = (acc[type] || 0) + 1 // 如果类型已存在则计数+1，否则初始化为1
+          return acc
+        }, {})
+        this.pieData = Object.entries(typeCount).map(([type, count]) => ({
+          name: type,
+          value: count
+        }))
+      })
     },
+    // 航次统计
+    gitShipVoyage(params = {}) {
+      shipVoyage(params).then(res => {
+        // 添加轨迹图层
+        res.array.forEach(item => {
+          this.addSingleLineImg(item)
+        })
+      })
+    },
+    tapBaidu(item, index) {
+      console.log(item)
+      // 重置所有标记点为普通图标
+      this.baiduMarker.forEach(marker => {
+        marker.icon.url = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAE9klEQVR4AZxXXWgcVRT+zkwaBS0mu1FpSyHFbKoIQjFoRSh5EX8QbYVKq4I+hLa7qRWCf32QRoh/gfqSzcYQiyDUlgZFffHnoRGhQsFQwWLYbKx9kFokuwkRSrHZuf3OzOzuTGaS3c3lfnPO/c65Z76Zu3Nn1kIT7Y6Jy9sSuUJfe64wRZsnlnzkfa5Pc5ooiYYEdOTmHkzkZsftGzcusfiEAL0AuomNPrp9bkJzNFfnMFa31xWQzBWOOjC/AnIAXrtK870IPjTi7FeorxyhMRo5oHOSnMvBmn1NAYnR/KAB3q9VkKFSJrWJeLKYTh1dSG8/rVBfOWITIEPwm87VGv4w1qwqIJEr7IVYx/xZ05a9YXMp0/WOP17VaI7mMmGagNZwayG+xQpIjv/1MNPPEOBVfF7KpHrmD3b+o+NGoLk6R+f6+Wf8mv6wZmIFGKf8mpsi+Hshk3rZ9ddxcOeyhk6t1tRBABEB7dn8UzBmv5/T59uQSY7lH+JtPZ7IzX3poXBcuVBSbeDVYE23do13vYgAse3dGjEG35TSqR/UDyKZze8xRr4jNwCY5zxgQDmNkQ91rWFYS8lKbfUriAjg1e9xg4I/XBs4tI3NdBrL/hiQBID/mHvKhfrkNKY5jIV7pZYxXu1ANCRgY3YmyVgHwQuzfndt4GCZFv42TCepi9zCdpb6u19QqO9yMJ1eDkfBbqq1OvxzVKMhAS0GmysR28B7jCqEZ3UHpDg5VzqUqt4h1zdyzkuBl4NaC9YKnkMzQgJ4C20lFSLXr6gNgmu5RcfGKv+kNogKV8kJxhzH8XdIwLY3tAZjIQGL/d2/MbhIoIxbHlAbhAi+1bEYK/JoVrhKjuZVsQGPVPxWe3Gm4qsNCVDCAD+7ViQiAIJJjRFPtPON2DZS6FWorxyBQA6qzXFcAQJcuHKw51qVpxMRIMa5QJ7dPM5DqOsjReIEwfOg17IxpRCgsu4n/BwEm4j1jI65PGfVBhERANtyt2CB2a1XF0xWn1tsH094mL7+SBdoFdPKaYzjUE9kZx/jXd3hkctfebZ2jAhwf9HwbrXVIpG11qnFTGqUJ+shEj56lNNYBJY873NnS/33/eL7VRMR4Ee8tTbmlbi74OfUNW3Z2V1M8rZi4BT9SI8VwKuahHg/RrFxLDKrQcKyRJcKWos1P0VMixXg5jl4Ty3XtrfeR4XmrUQyW3iW3F4CMMi6NuawqoBSf+pH5nPf55EfJk0txeBUi7HwNmfyVcGXWiY1qX4cVhWgycvX/9e7cFH9ZpYiedcWPflOzrtmO+XqJxrHkb6mgKWB+0tGREVwGdHQUrSNFXbweVcBOmdo/tV7+UEbOW+VWFOAZi2ku07TfkYAXIqOXMHdVBDT7hz993bLYAQit1HEFB/ND2LSQlRdAZq93Hrr67TnCfBzezgxOrdV/ZUoy+IEuUcBuWrb1ptooDUkYKlva0kco98CJUC2Q5xhrGiJ3Bw52ac0n5z0/KF71rz1mqdoSIAmFg93n+fv4Yj6gOxrH52tXiFPzj8t5g2wcQs/Usx0fU23od6wAK22kE6dhGAQbCLyUfvYn0+3fXJpFx/0cbCRGy5mukfoNtybEqBV+bZ7VwxOqs8357hVLvsvL3xRTHe9pXwzaFqAFi/2p14C5DLATzjB3aBfzKRexDraugToeUqZrm20+kqe9n0Oo70ecxMAAP//0tEICQAAAAZJREFUAwDQYMDuVKkB5gAAAABJRU5ErkJggg=='
+        marker.icon.size = { width: 32, height: 32 }
+        marker.offset = { width: 16, height: 32 }
+      })
+      // 设置当前点击的标记点为高亮图标
+      this.baiduMarker[index].icon.url = 'data:image/png;base64,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'
+      this.baiduMarker[index].icon.size = { width: 48, height: 48 } // 高亮时稍大一些
+      this.baiduMarker[index].offset = { width: 24, height: 48 } // 高亮时稍大一些
+      // 记录当前激活的标记点索引
+      this.activeMarkerIndex = index
+    },
+    // 初始化cesium
+    initCesium() {
+      Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkY2Y5NWY2Ni1mODQ1LTQ3YTUtYjc4Zi1jYzhjMGI2YzcxMWYiLCJpZCI6MTI5ODMwLCJpYXQiOjE2Nzk0Njk5NTd9.DTH54ioOH-HLqeNIetBe9hFyrPOX2Vp1AQmZzw8TIZ4'
+      this.viewer = new Cesium.Viewer('cesiumContainer', {
+        sceneMode: Cesium.SceneMode.SCENE2D,
+        shadows: false,
+        timeline: false,
+        baseLayerPicker: false,
+        // 设置自定义底图
+        imageryProviderViewModels: this.imageryViewModels,
+        // 关闭默认的地形底图
+        terrainProviderViewModels: [],
+        fullscreenButton: false,
+        selectionIndicator: false,
+        homeButton: false,
+        sceneModePicker: false,
+        animation: false,
+        infoBox: false,
+        geocoder: false,
+        navigationHelpButton: false
+      })
+      this.viewer._cesiumWidget._creditContainer.style.display = 'none'
+      this.viewer.scene.sun.show = false
+      this.viewer.scene.moon.show = false
+      this.viewer.scene.fog.enabled = false
+      this.viewer.scene.skyAtmosphere.show = false
+      this.viewer.scene.sun.show = false
+      this.viewer.scene.skyBox.show = false
+      this.viewer.scene.globe.enableLighting = false
+      this.viewer.shadowMap.darkness = 0.8
+      this.viewer.scene._sunBloom = false
+      this.viewer.scene.globe.showGroundAtmosphere = false
+      this.viewer.scene.postProcessStages.fxaa.enabled = true
+
+      this.viewer.camera.setView({
+        // 指定相机初始位置
+        destination: Cesium.Cartesian3.fromDegrees(112, 18, 4000000)
+      });
 
-    handler({ BMap, map }) {
-      console.log(BMap, map)
-      this.center.lng = 116.404
-      this.center.lat = 39.915
-      this.zoom = 6
     },
-    handler1({ BMap, map }) {
-      console.log(BMap, map)
-      this.center1.lng = 56.761382
-      this.center1.lat = 10.897877
-      this.zoom1 = 1
-    },
-    totap(e) {
-      console.log(e)
-      e.pic.url = 'http://shipin.hey17.com/dingwei_a.png'
-      e.pic.size.width = 22
-      e.pic.size.height = 28
-      for (var i = 0; i < this.list.length; i++) {
-        if (this.list[i] != e) {
-          this.list[i].pic.url = 'http://shipin.hey17.com/dingwei.png'
-          this.list[i].pic.size.width = 16
-          this.list[i].pic.size.height = 21
+    // 添加轨迹图层
+    addSingleLineImg(item) {
+      const trackLine = new Cesium.WebMapTileServiceImageryProvider(
+        {
+          url: `${this.CesiumHostAddr}geoserver/gwc/service/wmts/rest/dsds:${item.voyage_name}/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/png`,
+          layer: `dsds:${item.voyage_name}`,
+          style: 'default',
+          format: 'image/png',
+          tileMatrixSetID: 'EPSG:4326',
+          tilingScheme: new Cesium.GeographicTilingScheme()
         }
+      )
+      const trackLineLayer = this.viewer.imageryLayers.addImageryProvider(trackLine)
+      this.trackLineLayers.push(trackLineLayer)
+    },
+    // 移除轨迹图层
+    removeSingleLineImg() {
+      if (this.trackLineLayers.length) {
+        this.trackLineLayers.forEach(line => {
+          this.viewer.imageryLayers.remove(line)
+        })
       }
     },
-    totap1(e) {
-      console.log(e)
-      e.pic.url = 'http://shipin.hey17.com/dingwei_a.png'
-      e.pic.size.width = 22
-      e.pic.size.height = 28
-      for (var i = 0; i < this.listxia.length; i++) {
-        if (this.listxia[i] != e) {
-          this.listxia[i].pic.url = 'http://shipin.hey17.com/dingwei1.png'
-          this.listxia[i].pic.size.width = 16
-          this.listxia[i].pic.size.height = 21
-        }
+    // 选择航次地图年份
+    selectVoyageYear(val) {
+      const shipName = this.currentTitle === '全部科考船' ? '' : this.currentTitle
+      if (val) {
+        this.removeSingleLineImg()
+        const params = getYearRange(val)
+        this.gitShipVoyage({ ...params, ship_name: shipName })
+      } else {
+        this.gitShipVoyage({ ship_name: shipName })
       }
+    },
+    // 参航单位年度
+    gitShipUnitYear(params = {}) {
+      shipUnitYear(params).then(res => {
+        const originalData = res.array
+        const sortedData = originalData.sort((a, b) => a.voyage_year - b.voyage_year)
+        this.barData2 = {
+          title: '年度参航单位',
+          salesData: [
+            {
+              name: '参航单位',
+              data: sortedData.map(item => item.unit_total),
+              stack: '新增单位数'
+            },
+            {
+              name: '新增单位',
+              data: sortedData.map(item => item.year_unit_total),
+              stack: '新增单位数'
+            }
+          ],
+          productCategories: sortedData.map(item => item.voyage_year.toString())
+        }
+      })
+    },
+    // 柱状图数据
+    getChartBar(params) {
+      shipTotal(params).then(res => {
+        const originalData = res.array
+        const sortedData = originalData.sort((a, b) => a.year - b.year)
+        this.barData1 = {
+          title: '年度航次数',
+          salesData: sortedData.map(item => item.member_total),
+          productCategories: sortedData.map(item => item.year.toString())
+        }
+        this.barData3 = {
+          title: '样品集个数',
+          salesData: sortedData.map(item => item.dataset_total),
+          productCategories: sortedData.map(item => item.year.toString())
+        }
+        this.barData4 = {
+          title: '里程数',
+          salesData: sortedData.map(item => item.mileage_total),
+          productCategories: sortedData.map(item => item.year.toString())
+        }
+      })
     }
   }
 }
 </script>
 
 <style scoped lang="scss">
-.fenxi {
-  width: 100%;
-  height: 100%;
+.statistics {
+  background-color: #ebf1f7;
+
   .banner {
+    background-image: url(../../../static/images/bannerny1.jpg);
     width: 100%;
-    height: 20%;
-    position: relative;
-    img {
-      width: 100%;
-      // height: 100%;
-      object-fit: contain;
+    height: 480px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+
+    .titles {
+      margin-bottom: 40px;
+      font-size: 56px;
+      color: #fff;
+      font-weight: bold;
+      cursor: pointer;
     }
-    .banner_con {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 888;
-      width: 100%;
-      height: 100%;
+
+    .numbers {
       display: flex;
-      align-items: center;
-      .con {
-        margin: auto;
-        margin-top: 40px;
-        width: 85%;
-        height: 100%;
+      justify-content: space-between;
+      gap: 80px;
+
+      .item {
         display: flex;
         flex-direction: column;
-        align-items: center;
         justify-content: center;
-        h1 {
-          display: block;
-          margin-bottom: 40px;
+        align-items: center;
+        .value {
           font-size: 56px;
-          color: #fff;
           font-weight: bold;
-        }
-        ul {
-          width: 100%;
-          height: auto;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          li {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            margin: 0 80px;
-            .t {
-              display: flex;
-              align-items: baseline;
-              p {
-                font-size: 56px;
-                color: #fff;
-                font-family: DIN-Bold;
-                font-weight: bold;
-              }
-              span {
-                font-size: 26px;
-                color: #fff;
-              }
-            }
-            .b {
-              width: auto;
-              text-align: center;
-              p {
-                font-size: 18px;
-                color: #fff;
-              }
-            }
+          .unit {
+            font-size: 26px;
           }
         }
+        .label {
+          font-size: 18px;
+        }
       }
     }
   }
-  .fenxi_con {
-    margin: auto;
-    margin-top: 40px;
-    margin-bottom: 90px;
-    width: 85%;
-    height: auto;
+  .map-module {
+    padding: 50px 50px;
     display: flex;
-    flex-wrap: wrap;
     justify-content: space-between;
-    .fenxi1 {
-      position: relative;
-      margin-bottom: 40px;
-      width: 48%;
+    gap: 50px;
+    .bezel {
+      flex: 1;
+      width: 100%;
       height: 520px;
       border-radius: 10px;
-      border: 1px solid #ccc;
       overflow: hidden;
-      h2{
+      border: 1px solid #ccc;
+      position: relative;
+
+      .map-title {
         position: absolute;
         top: 20px;
         left: 20px;
+        color: white;
         z-index: 8888;
         font-size: 22px;
-        color: #212121;
-        &.white{
-          color: #fff;
-        }
       }
-      .ccc {
-        width: 100%;
-        height: 100%;
+      .map-year {
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        color: white;
+        z-index: 8888;
+        width: 100px;
+      }
+    }
+  }
+  .echarts-module {
+    padding: 0 50px 50px;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 50px;
+    grid-auto-rows: 300px;
+
+    .bezel {
+      width: 100%;
+      height: 100%;
+      border-radius: 10px;
+      overflow: hidden;
+      border: 1px solid #ccc;
+      position: relative;
+
+      .map-title {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        color: white;
+        z-index: 8888;
+        font-size: 22px;
       }
     }
   }
 }
 </style>
+
 <style>
-.anchorBL{
-  display: none;
+/* 隐藏百度地图Logo和版权信息 */
+.anchorBL {
+  display: none !important;
+}
+.BMap_cpyCtrl {
+  display: none !important;
+}
+.el-icon-arrow-down {
+  font-size: 12px
 }
 </style>
diff --git a/src/views/statistics/components/BarChart.vue b/src/views/statistics/components/BarChart.vue
new file mode 100644
index 0000000..4de1168
--- /dev/null
+++ b/src/views/statistics/components/BarChart.vue
@@ -0,0 +1,435 @@
+<template>
+  <div ref="chartContainer" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  name: 'AdvancedMixedChart',
+  props: {
+    title: {
+      type: String,
+      default: '图表标题'
+    },
+    chartData: {
+      type: [Array, Object],
+      default: () => []
+    },
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    chartType: {
+      type: String,
+      default: 'single', // 'single' | 'multiple' | 'mixed' | 'stacked'
+      validator: (value) => ['single', 'multiple', 'mixed', 'stacked'].includes(value)
+    },
+    colors: {
+      type: Array,
+      default: () => ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272']
+    },
+    // 新增：是否显示双Y轴
+    dualYAxis: {
+      type: Boolean,
+      default: false
+    },
+    // 新增：堆叠组名称（用于stacked模式）
+    stackName: {
+      type: String,
+      default: '总量'
+    }
+  },
+  data() {
+    return {
+      myChart: null
+    };
+  },
+  mounted() {
+    this.initChart();
+  },
+  beforeDestroy() {
+    if (this.myChart) {
+      this.myChart.dispose();
+    }
+    window.removeEventListener('resize', this.handleResize);
+  },
+  methods: {
+    initChart() {
+      this.$nextTick(() => {
+        this.myChart = echarts.init(this.$refs.chartContainer);
+        this.renderChart();
+        window.addEventListener('resize', this.handleResize);
+      });
+    },
+
+    // 处理数据格式
+    processChartData() {
+      if (this.chartType === 'single') {
+        // 单系列柱状图
+        const data = Array.isArray(this.chartData) && this.chartData.length > 0
+          ? this.chartData
+          : new Array(this.categories.length).fill(0);
+
+        return [{
+          name: '数量',
+          type: 'bar',
+          data: data
+        }];
+      } else if (this.chartType === 'multiple') {
+        // 多系列柱状图
+        if (Array.isArray(this.chartData) && this.chartData.every(item => typeof item === 'number')) {
+          return [{
+            name: '系列1',
+            type: 'bar',
+            data: this.chartData
+          }];
+        } else if (Array.isArray(this.chartData)) {
+          return this.chartData.map((series, index) => ({
+            name: series.name || `系列${index + 1}`,
+            type: series.type || 'bar',
+            data: series.data || [],
+            yAxisIndex: series.yAxisIndex || 0
+          }));
+        }
+      } else if (this.chartType === 'mixed') {
+        // 柱状图和折线图组合
+        if (Array.isArray(this.chartData)) {
+          return this.chartData.map((series, index) => ({
+            name: series.name || (series.type === 'line' ? '折线' : '柱状') + (index + 1),
+            type: series.type || (index === 0 ? 'bar' : 'line'),
+            data: series.data || [],
+            yAxisIndex: series.yAxisIndex || (this.dualYAxis && index > 0 ? 1 : 0)
+          }));
+        }
+      } else if (this.chartType === 'stacked') {
+        // 堆叠柱状图 [2,3](@ref)
+        if (Array.isArray(this.chartData) && this.chartData.every(item => typeof item === 'number')) {
+          // 如果是数字数组，转换为单个堆叠系列
+          return [{
+            name: '数量',
+            type: 'bar',
+            data: this.chartData,
+            stack: this.stackName // 设置堆叠属性 [2](@ref)
+          }];
+        } else if (Array.isArray(this.chartData)) {
+          // 处理多系列堆叠柱状图
+          return this.chartData.map((series, index) => ({
+            name: series.name || `系列${index + 1}`,
+            type: 'bar',
+            data: series.data || [],
+            yAxisIndex: series.yAxisIndex || 0,
+            stack: series.stack || this.stackName // 设置堆叠属性，相同stack值的系列会堆叠 [2,3](@ref)
+          }));
+        }
+      }
+
+      return [{
+        name: '数据',
+        type: 'bar',
+        data: new Array(this.categories.length).fill(0)
+      }];
+    },
+
+    // 获取Y轴配置
+    getYAxisConfig() {
+      if (!this.dualYAxis) {
+        // 单Y轴配置
+        return [{
+          type: 'value',
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: '#999'
+            }
+          },
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            color: '#666'
+          },
+          splitLine: {
+            lineStyle: {
+              color: '#f0f0f0',
+              type: 'solid'
+            }
+          }
+        }];
+      }
+
+      // 双Y轴配置
+      return [
+        {
+          type: 'value',
+          name: '左轴',
+          position: 'left',
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: this.colors[0]
+            }
+          },
+          axisLabel: {
+            color: '#666',
+            formatter: '{value}'
+          },
+          splitLine: {
+            show: false
+          }
+        },
+        {
+          type: 'value',
+          name: '右轴',
+          position: 'right',
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: this.colors[1]
+            }
+          },
+          axisLabel: {
+            color: '#666',
+            formatter: '{value}'
+          },
+          splitLine: {
+            show: false
+          }
+        }
+      ];
+    },
+
+    // 获取系列配置
+    getSeriesConfig(processedSeries) {
+      return processedSeries.map((series, index) => {
+        const isLine = series.type === 'line';
+        const isStacked = this.chartType === 'stacked';
+
+        // 基础配置，包含堆叠属性 [2](@ref)
+        const baseConfig = {
+          name: series.name,
+          type: series.type,
+          data: series.data,
+          yAxisIndex: series.yAxisIndex || 0,
+          stack: series.stack // 保留堆叠属性，如果存在
+        };
+
+        if (isLine) {
+          // 折线图配置
+          return {
+            ...baseConfig,
+            smooth: true,
+            symbol: 'circle',
+            symbolSize: 6,
+            lineStyle: {
+              width: 3,
+              color: this.colors[index % this.colors.length]
+            },
+            itemStyle: {
+              color: this.colors[index % this.colors.length]
+            }
+          };
+        } else {
+          // 柱状图配置
+          const barConfig = {
+            ...baseConfig,
+            barWidth: this.chartType === 'single' ? '60%' : '40%',
+            itemStyle: {
+              color: this.colors[index % this.colors.length]
+            },
+            emphasis: {
+              itemStyle: {
+                color: this.colors[index % this.colors.length],
+                shadowBlur: 10,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          };
+
+          // 为堆叠柱状图调整柱宽和样式 [3](@ref)
+          if (isStacked) {
+            barConfig.barWidth = '50%';
+            barConfig.itemStyle.borderRadius = [2, 2, 0, 0]; // 顶部圆角
+          }
+
+          return barConfig;
+        }
+      });
+    },
+
+    // 渲染图表
+    renderChart() {
+      const processedSeries = this.processChartData();
+      const seriesConfig = this.getSeriesConfig(processedSeries);
+      const yAxisConfig = this.getYAxisConfig();
+
+      // 计算图例显示条件：单系列时不显示图例
+      const showLegend = this.chartType !== 'single';
+
+      // 堆叠柱状图的tooltip配置 [2](@ref)
+      const tooltipFormatter = this.chartType === 'stacked'
+        ? this.getStackedTooltipFormatter
+        : null;
+
+      const option = {
+        title: {
+          text: this.title,
+          left: 'left',
+          top: 10,
+          textStyle: {
+            color: '#333',
+            fontSize: 16,
+            fontWeight: 'bold'
+          }
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: this.chartType === 'stacked' ? 'shadow' : 'line' // 堆叠模式使用阴影指针 [2](@ref)
+          },
+          formatter: tooltipFormatter || this.getDefaultTooltipFormatter(),
+          backgroundColor: 'rgba(255, 255, 255, 0.95)',
+          borderColor: '#ddd',
+          borderWidth: 1,
+          textStyle: {
+            color: '#333'
+          }
+        },
+        legend: {
+          show: showLegend,
+          data: seriesConfig.map(s => s.name),
+          right: 10,
+          top: 10,
+          orient: 'horizontal',
+          type: 'scroll',
+          textStyle: {
+            color: '#666'
+          }
+        },
+        grid: {
+          left: '3%',
+          right: this.dualYAxis ? '8%' : '3%',
+          bottom: '8%',
+          top: showLegend ? 60 : 40,
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          data: this.categories,
+          axisLine: {
+            lineStyle: {
+              color: '#999'
+            }
+          },
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            color: '#666',
+            interval: 0,
+            rotate: this.categories.length > 6 ? 45 : 0,
+            margin: 10
+          }
+        },
+        yAxis: yAxisConfig,
+        series: seriesConfig
+      };
+
+      this.myChart.setOption(option);
+    },
+
+    // 默认tooltip格式化器
+    getDefaultTooltipFormatter() {
+      return (params) => {
+        let result = `<div style="font-weight: bold; margin-bottom: 8px; font-size: 14px;">${params[0].name}</div>`;
+        params.forEach(param => {
+          const color = param.color;
+          const seriesName = param.seriesName;
+          const value = param.value;
+          const marker = `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:${color};"></span>`;
+
+          result += `
+            <div style="display: flex; justify-content: space-between; align-items: center; margin: 4px 0; min-width: 120px;">
+              <div style="display: flex; align-items: center;">
+                ${marker}
+                <span style="margin-right: 15px;">${seriesName}</span>
+              </div>
+              <span style="font-weight: bold; font-size: 13px;">${value}</span>
+            </div>
+          `;
+        });
+        return result;
+      };
+    },
+
+    // 堆叠柱状图tooltip格式化器 [2](@ref)
+    getStackedTooltipFormatter(params) {
+      let result = `<div style="font-weight: bold; margin-bottom: 8px; font-size: 14px;">${params[0].name}</div>`;
+      let total = 0;
+
+      // 计算总和
+      params.forEach(param => {
+        total += param.value || 0;
+      });
+
+      params.forEach(param => {
+        const color = param.color;
+        const seriesName = param.seriesName;
+        const value = param.value;
+        const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : 0;
+        const marker = `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:${color};"></span>`;
+
+        result += `
+          <div style="display: flex; justify-content: space-between; align-items: center; margin: 4px 0; min-width: 150px;">
+            <div style="display: flex; align-items: center;">
+              ${marker}
+              <span style="margin-right: 15px;">${seriesName}</span>
+            </div>
+            <div style="text-align: right;">
+              <span style="font-weight: bold; font-size: 13px;">${value}</span>
+            </div>
+          </div>
+        `;
+      });
+
+      return result;
+    },
+
+    handleResize() {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    }
+  },
+  watch: {
+    chartData: {
+      handler() {
+        if (this.myChart) {
+          this.renderChart();
+        }
+      },
+      deep: true
+    },
+    categories() {
+      if (this.myChart) {
+        this.renderChart();
+      }
+    },
+    chartType() {
+      if (this.myChart) {
+        this.renderChart();
+      }
+    },
+    dualYAxis() {
+      if (this.myChart) {
+        this.renderChart();
+      }
+    },
+    stackName() {
+      if (this.myChart && this.chartType === 'stacked') {
+        this.renderChart();
+      }
+    }
+  }
+};
+</script>
diff --git a/src/views/statistics/components/PieChart.vue b/src/views/statistics/components/PieChart.vue
new file mode 100644
index 0000000..9dfc1b7
--- /dev/null
+++ b/src/views/statistics/components/PieChart.vue
@@ -0,0 +1,178 @@
+<template>
+  <div ref="chartContainer" :style="{ width: width, height: height }"></div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  name: 'AdvancedPieChart',
+  props: {
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    },
+    chartData: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    title: {
+      type: [String, Object],
+      default: ''
+    },
+    // 图表类型：'normal'普通饼图, 'ring'环形图, 'nightingale'南丁格尔图
+    chartType: {
+      type: String,
+      default: 'normal',
+      validator: (value) => ['normal', 'ring', 'nightingale'].includes(value)
+    },
+    // 是否显示标签
+    showLabel: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示数值
+    showValue: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      myChart: null
+    };
+  },
+  watch: {
+    chartData: {
+      handler(newVal) {
+        this.updateChart(newVal);
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart();
+    });
+    window.addEventListener('resize', this.handleResize);
+  },
+  beforeDestroy() {
+    if (this.myChart) {
+      this.myChart.dispose();
+    }
+    window.removeEventListener('resize', this.handleResize);
+  },
+  methods: {
+    initChart() {
+      if (!this.$refs.chartContainer) return;
+
+      this.myChart = echarts.init(this.$refs.chartContainer);
+
+      const option = {
+        title: {
+          text: typeof this.title === 'string' ? this.title : '',
+          left: 10,
+          top: 10,
+          textStyle: {
+            fontSize: 16,
+            color: '#333'
+          }
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: this.getTooltipFormatter()
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'right',
+          textStyle: {
+            color: '#666'
+          }
+        },
+        series: this.getSeriesConfig()
+      };
+
+      this.myChart.setOption(option);
+      this.myChart.on('click', (params) => {
+        this.$emit('chartClick', params);
+      });
+    },
+
+    getSeriesConfig() {
+      const baseConfig = {
+        name: typeof this.title === 'string' ? this.title : '数据',
+        type: 'pie',
+        data: this.chartData,
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.5)'
+          }
+        },
+        label: this.getLabelConfig()
+      };
+
+      switch (this.chartType) {
+        case 'ring':
+          return {
+            ...baseConfig,
+            radius: ['40%', '70%']
+          };
+        case 'nightingale':
+          return {
+            ...baseConfig,
+            radius: [20, 140],
+            roseType: 'area'
+          };
+        default:
+          return {
+            ...baseConfig,
+            radius: '70%'
+          };
+      }
+    },
+
+    getLabelConfig() {
+      if (!this.showLabel) {
+        return { show: false };
+      }
+
+      let formatter = '{b}';
+      if (this.showValue) {
+        formatter += ': {c}';
+      }
+
+      return {
+        show: true,
+        formatter: formatter
+      };
+    },
+
+    getTooltipFormatter() {
+      return '{a} <br/>{b}: {c} ({d}%)';
+    },
+
+    updateChart(newData) {
+      if (!this.myChart) return;
+
+      this.myChart.setOption({
+        series: [{
+          data: newData
+        }]
+      });
+    },
+
+    handleResize() {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    }
+  }
+};
+</script>
diff --git a/src/views/statistics/index.vue b/src/views/statistics/index.vue
index 14e0077..5ca244e 100644
--- a/src/views/statistics/index.vue
+++ b/src/views/statistics/index.vue
@@ -19,8 +19,8 @@
             </div>
             <div class="card-info">
               <h3 class="card-title">科考船汇总统计</h3>
-              <p class="card-count">4艘</p>
-              <p class="card-desc">探索一号、探索二号、探索三号、海警101船</p>
+              <p class="card-count">{{ ship.length }}艘</p>
+              <p class="card-desc"><span v-for="(item, index) in ship" :key="index">{{ item.report_name }}<span v-if="index !== ship.length - 1">、</span></span></p>
             </div>
           </div>
         </el-card>
@@ -39,8 +39,8 @@
             </div>
             <div class="card-info">
               <h3 class="card-title">载人潜水器汇总统计</h3>
-              <p class="card-count">2型</p>
-              <p class="card-desc">深海勇士、奋斗者等</p>
+              <p class="card-count">{{ hov.length }}艘</p>
+              <p class="card-desc"><span v-for="(item, index) in hov" :key="index">{{ item.report_name }}<span v-if="index !== hov.length - 1">、</span></span> </p>
             </div>
           </div>
         </el-card>
@@ -59,8 +59,8 @@
             </div>
             <div class="card-info">
               <h3 class="card-title">遥控潜水器汇总统计</h3>
-              <p class="card-count loading">数据加载中</p>
-              <p class="card-desc"></p>
+              <p class="card-count">{{ rov.length }}艘</p>
+              <p class="card-desc"><span v-for="(item, index) in rov" :key="index">{{ item.report_name }}<span v-if="index !== rov.length - 1">、</span></span> </p>
             </div>
           </div>
         </el-card>
@@ -79,8 +79,8 @@
             </div>
             <div class="card-info">
               <h3 class="card-title">无人航行潜水器汇总统计</h3>
-              <p class="card-count loading">数据加载中</p>
-              <p class="card-desc"></p>
+              <p class="card-count">{{ uuv.length }}艘</p>
+              <p class="card-desc"><span v-for="(item, index) in uuv" :key="index">{{ item.report_name }}<span v-if="index !== uuv.length - 1">、</span></span> </p>
             </div>
           </div>
         </el-card>
@@ -100,7 +100,6 @@
             <div class="card-info">
               <h3 class="card-title">基站汇总统计</h3>
               <p class="card-count no-data">暂无数据</p>
-              <p class="card-desc">深海站、深渊站、国际站</p>
             </div>
           </div>
         </el-card>
@@ -130,17 +129,34 @@
 </template>
 
 <script>
+import { reportList } from '../../api/statistics'
+import { filterDictItems } from '../../utils/index'
+
 export default {
   name: 'MainDashboard',
   data() {
     return {
-
+      ship: [],
+      hov: [],
+      rov: [],
+      uuv: []
     }
   },
+  created() {
+    this.getTypeList()
+  },
   methods: {
     goToDetail(type) {
       this.$router.push(`/container/${type}`);
-    }
+    },
+    getTypeList() {
+      reportList().then(res => {
+        this.ship = filterDictItems(res.array, '科考船')
+        this.hov = filterDictItems(res.array, '载人潜水器')
+        this.rov = filterDictItems(res.array, '遥控潜水器')
+        this.uuv = filterDictItems(res.array, '无人航行潜水器')
+      })
+    },
   }
 }
 </script>
diff --git a/src/views/sysManage/roleManage.vue b/src/views/sysManage/roleManage.vue
index a2c8b79..762dc86 100644
--- a/src/views/sysManage/roleManage.vue
+++ b/src/views/sysManage/roleManage.vue
@@ -8,380 +8,71 @@
         <el-breadcrumb-item>角色管理</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
-    <div class="filter-container">
-      <div class="checkBtn">
-        <el-button type="primary" size="medium" @click="batchImport">添加角色</el-button>
-      </div>
-    </div>
-    <el-table ref="tableData" stripe border :data="tableData" :header-cell-style="{ background: '#dddfe6',color: '#555960',textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" height="600px" @row-click="openModal">
+    <el-table ref="tableData" stripe border :data="tableData" :header-cell-style="{ background: '#dddfe6',color: '#555960',textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" height="600px">
       <el-table-column
         type="index"
         width="50"
       />
-      <el-table-column prop="userName" label="角色名称" />
-      <el-table-column prop="describe" label="角色描述" />
-      <el-table-column prop="createTime" label="创建时间" />
-      <el-table-column label="操作" width="200">
-        <template slot-scope="scope">
-          <el-tooltip class="item" effect="dark" content="修改" placement="top-end">
-            <el-button id="mod" size="mini" type="warning" class="el-icon-edit" />
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="删除" placement="top-end">
-            <el-button id="del" size="mini" type="danger" class="el-icon-delete" />
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="授权" placement="top-end">
-            <el-button id="permission" size="mini" type="warning" class="el-icon-orange" />
-          </el-tooltip>
-        </template>
-      </el-table-column>
+      <el-table-column prop="role_name" label="角色名称" />
+      <el-table-column prop="role_note" label="角色描述" />
     </el-table>
     <div class="pagination-box">
       <el-pagination
         background
-        :current-page="currentPage"
-        :page-sizes="[15, 30, 50]"
-        :page-size="pagesize"
+        :page-sizes="[10, 20, 30]"
+        :page-size="params.limit"
         layout="total, sizes, prev, pager, next, jumper"
-        :total="count"
+        :total="total"
+        :current-page="pageNum"
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
       />
     </div>
-    <div class="modal">
-      <el-dialog
-        :title="userStatus? '添加角色' : '修改角色'"
-        :visible.sync="showUserForm"
-        width="30%"
-        :before-close="handleClose"
-      >
-        <el-form ref="form" :model="form" label-width="140px" :rules="rules">
-          <el-form-item label="角色名称" prop="userName">
-            <el-input v-model="form.userName" size="medium" auto-complete="off" placeholder="请输入" />
-          </el-form-item>
-          <el-form-item label="角色描述" prop="describe">
-            <el-input v-model="form.describe" size="medium" auto-complete="off" placeholder="请输入" />
-          </el-form-item>
-        </el-form>
-        <el-row type="flex" justify="center">
-          <el-button
-            style="width: 100px"
-            type="primary"
-            size="medium"
-            @click="saveData"
-          >确定</el-button>
-          <el-button
-            size="medium"
-            style="margin-left: 10px; width: 100px"
-            type="info"
-            plain
-            @click="showUserForm = false;clearInput();resetForm();"
-          >取消</el-button>
-        </el-row>
-      </el-dialog>
-      <el-dialog
-        title="权限分配"
-        :visible.sync="showAuthorForm"
-        width="30%"
-        :before-close="handleCloseAuthor"
-      >
-        <el-form ref="form2" :model="form" label-width="10px" :rules="rules">
-          <el-form-item label="" prop="sex">
-            <el-select v-model="author" multiple placeholder="请选择" size="medium" style="width:100%">
-              <el-option
-                v-for="item in authorOption"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
-        </el-form>
-        <el-row type="flex" justify="center">
-          <el-button
-            style="width: 100px"
-            type="primary"
-            size="medium"
-            @click="saveAuthorData"
-          >确定</el-button>
-          <el-button
-            size="medium"
-            style="margin-left: 10px; width: 100px"
-            type="info"
-            plain
-            @click="showAuthorForm = false;resetForm2();"
-          >取消</el-button>
-        </el-row>
-      </el-dialog>
-    </div>
   </div>
 </template>
 
 <script>
+import {roleList} from '../../api/sysManage'
+
 export default {
   name: 'RoleManage',
   data() {
     return {
-      // 新建
-      userStatus: true,
-      // 数据model
-      recordEnabled: 0,
-      showUserForm: false,
-      showAuthorForm: false,
-      delDialogVisible: false,
-      currentPage: 1,
-      pagesize: 15,
-      count: 0,
-      form: {
-        userName: '',
-        describe: ''
+      loading: false,
+      // 分页请求参数
+      params: {
+        start: 0,
+        limit: 10,
+        group: 10
       },
-      rules: {
-        userName: [
-          { required: true, message: '请输入角色名称', trigger: 'blur' }
-        ],
-        name: [
-          { required: true, message: '请输入姓名', trigger: 'blur' }
-        ],
-        unit: [
-          { required: true, message: '请输入单位', trigger: 'blur' }
-        ]
-      },
-      author: ['用户管理','角色管理'],
-      tableData: [
-        {
-          userName: 'admin',
-          describe: '管理员',
-          createTime: '2022.3.4 12: 20: 00'
-        },
-        {
-          userName: 'admin',
-          describe: '管理员',
-          createTime: '2022.3.4 12: 20: 00'
-        },
-        {
-          userName: 'admin',
-          describe: '管理员',
-          createTime: '2022.3.4 12: 20: 00'
-        }
-
-      ],
-      companyOption: [
-        {
-          label: '深海所',
-          value: '深海所'
-        },
-        {
-          label: '机构B',
-          value: '机构B'
-        }
-      ],
-      sexOption: [
-        {
-          label: '男',
-          value: '男'
-        },
-        {
-          label: '女',
-          value: '女'
-        }
-      ],
-      authorOption: [
-        {
-          label: '用户管理',
-          value: '用户管理'
-        },
-        {
-          label: '角色管理',
-          value: '角色管理'
-        },
-        {
-          label: '单位管理',
-          value: '单位管理'
-        },
-        {
-          label: '字典管理',
-          value: '字典管理'
-        },
-        {
-          label: '统计分析',
-          value: '统计分析'
-        },
-        {
-          label: '数据汇交',
-          value: '数据汇交'
-        },
-        {
-          label: '数据检索',
-          value: '数据检索'
-        }
-      ]
+      pageNum: 1,
+      // 列表数据
+      tableData: [],
+      total: 0
     }
   },
   created() {
-    const isLogin = localStorage.getItem('isLogin')
-    if (isLogin == 'false' || isLogin == '' || isLogin == undefined) {
-      this.$router.push({ name: 'home' })
-      return
-    }
-    // this.init()
+    this.getData()
   },
   methods: {
-    batchImport() {
-      this.showUserForm = true
-      this.userStatus = true
-    },
-    tableIndex(index) {
-      return (this.currentPage - 1) * this.pagesize + index + 1
-    },
-    openModal(row, event, column) {
-      // 判断操作内容
-      var opType = column.target.id
-      if (opType == 'del') {
-        this.$confirm('确定删除选中的数据吗？此操作不可撤销！', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        })
-          .then(() => {
-            this.deleteData(row.id)
-          })
-          .catch((error) => {
-            console.log(error)
-          })
-      } else if (opType == 'mod') {
-        this.showUserForm = true
-        this.userStatus = false
-        this.form = JSON.parse(JSON.stringify(row))
-      } else if (opType == 'permission') {
-        this.showAuthorForm = true
-      }
-    },
-    async deleteData(id) {
-      this.loading = true
-      const data = {
-        id
-      }
-      try {
-        const res = await deletePlanPage(data)
-        if (res.code == 2000) {
-          this.init()
-        }
-      } catch (error) {
-        console.log(error)
-        this.loading = false
-      }
-    },
-    init() {
-      this.currentPage = 1
-      this.getData()
-    },
-    // 初始页currentPage、初始每页数据数pagesize和数据data
-    handleSizeChange: function(size) {
-      this.pagesize = size
-      this.getData()
-    },
-    handleCurrentChange: function(currentPage) {
-      this.currentPage = currentPage
-      this.getData()
-    },
-    fuzzyQueryFunction() {
-      this.currentPage = 1
-      this.getData()
-    },
-    reset() {
-      this.queryName = ''
-    },
     getData() {
-      // 分页查询以及带条件模糊查询方法
-      this.$http
-        .post(process.env.baseUrl + '/node/findPage', { pageRequest: { pageNum: this.currentPage, pageSize: this.pagesize }, queryName: this.queryName })
-        .then(res => {
-          if (res.code == 2000) { // 1表示成功
-            this.tableData = res.data.page.content
-            this.count = res.data.page.totalSize
-          } else {
-            this.$message.error(res.msg) // 后台出现异常的提示
-          }
-        })
-    },
-    saveData() {
-      this.$refs['form'].validate((valid) => {
-        if (valid) {
-          if (this.showStatus) {
-            this.addFunction()
-          } else {
-            this.updateFunction()
-          }
-        } else {
-          return false
-        }
+      this.loading = true
+      roleList(this.params).then(res => {
+        this.tableData = res.page.records
+        this.total = Number(res.page.total)
+        this.loading = false
       })
     },
-    saveAuthorData() {
-      this.showAuthorForm = false
+    // 分页
+    handleCurrentChange(val) {
+      this.pageNum = val
+      this.params.start = val * this.params.limit - this.params.limit
+      this.getData()
     },
-    async addFunction() {
-      this.loading = true
-      const data = {
-        deviceId: this.form.deviceId,
-        deviceName: this.form.deviceName,
-        description: this.form.description,
-        // userId: 123456,
-        userName: this.$store.state.user.user
-      }
-      try {
-        const res = await addPlanPage(data)
-        if (res.code === 2000) {
-          this.$emit('handleConfirm')
-        }
-      } catch (error) {
-        console.log(error)
-      }
-      this.loading = false
+    handleSizeChange(val) {
+      this.params.limit = val
+      this.getData()
     },
-    async updateFunction() {
-      this.loading = true
-      const data = {
-        deviceId: this.form.deviceId,
-        deviceName: this.form.deviceName,
-        description: this.form.description,
-        // userId: 123456,
-        userName: this.$store.state.user.user,
-        id: Number(this.id)
-      }
-      try {
-        const res = await updatePlanPage(data)
-        if (res.code === 2000) {
-          this.$emit('handleConfirm')
-        }
-      } catch (error) {
-        console.log(error)
-      }
-      this.loading = false
-    },
-    resetForm() {
-      this.$refs['form'].resetFields()
-    },
-    resetForm2() {
-      this.$refs['form2'].resetFields()
-    },
-    handleClose(done) { // 加一个点击遮罩和关闭按钮时的回调函数
-      this.clearInput()
-      this.resetForm()
-      done()
-    },
-    handleCloseAuthor(done) {
-      done()
-    },
-    clearInput() {
-      this.form = {
-        userName: '',
-        name: '',
-        describe: '',
-        address: '',
-        unit: ''
-      }
-    }
   }
 }
 </script>
diff --git a/src/views/sysManage/userManage.vue b/src/views/sysManage/userManage.vue
index 62487df..ba52908 100644
--- a/src/views/sysManage/userManage.vue
+++ b/src/views/sysManage/userManage.vue
@@ -10,31 +10,33 @@
     </div>
     <div class="filter-container">
       <div class="checkBtn">
-        <el-button type="primary" size="medium" @click="batchImport">添加用户</el-button>
+        <el-button type="primary" size="medium" @click="handleAdd">添加用户</el-button>
       </div>
     </div>
-    <el-table ref="tableData" stripe border :data="tableData" :header-cell-style="{ background: '#dddfe6',color: '#555960',textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" height="600px" @row-click="openModal">
+    <el-table ref="tableData" stripe border :data="tableData" :header-cell-style="{ background: '#dddfe6',color: '#555960',textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" height="600px">
       <el-table-column
         type="index"
         width="50"
       />
-      <el-table-column prop="userName" label="用户名" />
-      <el-table-column prop="name" label="姓名" />
-      <el-table-column prop="sex" label="性别" />
-      <el-table-column prop="phone" label="电话" />
-      <el-table-column prop="address" label="邮箱" />
-      <el-table-column prop="unit" label="单位" />
-      <el-table-column prop="createTime" label="创建时间" />
+      <el-table-column prop="optr_name" label="操作员名称" />
+      <el-table-column prop="login_name" label="登录名称" />
+      <el-table-column prop="optr_alias" label="别名" />
+      <el-table-column prop="optr_sex" label="性别" />
+      <el-table-column prop="optr_status" label="状态" />
+      <el-table-column prop="optr_email" label="邮箱" />
+      <el-table-column prop="optr_mobile" label="联系电话" />
+      <el-table-column prop="optr_tel" label="办公电话" />
+      <el-table-column prop="role_names" label="角色" />
       <el-table-column label="操作" width="200">
         <template slot-scope="scope">
           <el-tooltip class="item" effect="dark" content="修改" placement="top-end">
-            <el-button id="mod" size="mini" type="warning" class="el-icon-edit" />
+            <el-button size="mini" type="warning" class="el-icon-edit" @click="handleEdit(scope.row)" />
           </el-tooltip>
           <el-tooltip class="item" effect="dark" content="删除" placement="top-end">
-            <el-button id="del" size="mini" type="danger" class="el-icon-delete" />
+            <el-button size="mini" type="danger" class="el-icon-delete" @click="handleDelete(scope.row)" />
           </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="授权" placement="top-end">
-            <el-button id="permission" size="mini" type="warning" class="el-icon-orange" />
+          <el-tooltip class="item" effect="dark" content="分配航次" placement="top-end">
+            <el-button size="mini" type="primary" class="el-icon-s-unfold" @click="handleReg(scope.row)" />
           </el-tooltip>
         </template>
       </el-table-column>
@@ -42,54 +44,64 @@
     <div class="pagination-box">
       <el-pagination
         background
-        :current-page="currentPage"
-        :page-sizes="[15, 30, 50]"
-        :page-size="pagesize"
+        :page-sizes="[10, 20, 30]"
+        :page-size="params.limit"
         layout="total, sizes, prev, pager, next, jumper"
-        :total="count"
+        :total="total"
+        :current-page="pageNum"
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
       />
     </div>
     <div class="modal">
+      <!-- 新增编辑用户弹窗-->
       <el-dialog
-        :title="userStatus? '添加用户' : '修改用户'"
-        :visible.sync="showUserForm"
+        :title="title"
+        :visible.sync="open"
         width="30%"
-        :before-close="handleClose"
+        :before-close="cancel"
       >
         <el-form ref="form" :model="form" label-width="140px" :rules="rules">
-          <el-form-item label="用户名" prop="userName">
-            <el-input v-model="form.userName" size="medium" auto-complete="off" placeholder="请输入" />
+          <el-form-item label="操作员名称" prop="optr_name">
+            <el-input v-model="form.optr_name" size="medium" auto-complete="off" placeholder="请输入" />
           </el-form-item>
-          <el-form-item label="姓名" prop="name">
-            <el-input v-model="form.name" size="medium" auto-complete="off" placeholder="请输入" />
+          <el-form-item label="登录名称" prop="login_name">
+            <el-input v-model="form.login_name" size="medium" auto-complete="off" placeholder="请输入" />
           </el-form-item>
-          <el-form-item label="电话" prop="phone">
-            <el-input v-model="form.phone" size="medium" auto-complete="off" placeholder="请输入" />
+          <el-form-item label="登录密码" prop="login_pass">
+            <el-input v-model="form.login_pass" size="medium" auto-complete="off" placeholder="请输入" show-password />
           </el-form-item>
-          <el-form-item label="邮箱" prop="address">
-            <el-input v-model="form.address" size="medium" auto-complete="off" placeholder="请输入" />
+          <el-form-item label="别名" prop="optr_alias">
+            <el-input v-model="form.optr_alias" size="medium" auto-complete="off" placeholder="请输入" />
           </el-form-item>
-          <el-form-item label="性别" prop="sex">
-            <el-select v-model="form.sex" placeholder="请选择" size="medium">
+          <el-form-item label="邮箱" prop="optr_email">
+            <el-input v-model="form.optr_email" size="medium" auto-complete="off" placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="联系电话" prop="optr_mobile">
+            <el-input v-model="form.optr_mobile" size="medium" auto-complete="off" placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="办公电话" prop="optr_tel">
+            <el-input v-model="form.optr_tel" size="medium" auto-complete="off" placeholder="请输入" />
+          </el-form-item>
+          <el-form-item label="角色" prop="role_ids">
+            <el-select v-model="form.role_ids" placeholder="请选择" size="medium">
               <el-option
-                v-for="item in sexOption"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                v-for="item in roleOptions"
+                :key="item.role_id"
+                :label="item.role_name"
+                :value="item.role_id"
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="单位" prop="unit">
-            <el-select v-model="form.unit" placeholder="请选择" size="medium">
-              <el-option
-                v-for="item in companyOption"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
+          <el-form-item label="性别" prop="optr_sex">
+            <el-radio-group v-model="form.optr_sex">
+              <el-radio v-for="(item,index) in frameSex" :key="index" :label="item.dict_value">{{ item.dict_text }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="状态" prop="optr_status">
+            <el-radio-group v-model="form.optr_status">
+              <el-radio v-for="(item,index) in frameStatus" :key="index" :label="item.dict_value">{{ item.dict_text }}</el-radio>
+            </el-radio-group>
           </el-form-item>
         </el-form>
         <el-row type="flex" justify="center">
@@ -97,347 +109,279 @@
             style="width: 100px"
             type="primary"
             size="medium"
-            @click="saveData"
+            @click="submitForm"
           >确定</el-button>
           <el-button
             size="medium"
             style="margin-left: 10px; width: 100px"
             type="info"
             plain
-            @click="showUserForm = false;clearInput();resetForm();"
+            @click="cancel"
           >取消</el-button>
         </el-row>
       </el-dialog>
+      <!-- 航次分配弹窗-->
       <el-dialog
-        title="用户授权"
-        :visible.sync="showAuthorForm"
-        width="30%"
-        :before-close="handleCloseAuthor"
+        title="航次列表"
+        :visible.sync="openReg"
+        width="80%"
+        :before-close="cancelReg"
       >
-        <el-form ref="form2" :model="form" label-width="10px" :rules="rules">
-          <el-form-item label="" prop="sex">
-            <el-select v-model="author" multiple placeholder="请选择" size="medium" style="width:100%">
-              <el-option
-                v-for="item in authorOption"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
-        </el-form>
-        <el-row type="flex" justify="center">
-          <el-button
-            style="width: 100px"
-            type="primary"
-            size="medium"
-            @click="saveAuthorData"
-          >确定</el-button>
-          <el-button
-            size="medium"
-            style="margin-left: 10px; width: 100px"
-            type="info"
-            plain
-            @click="showAuthorForm = false;resetForm2();"
-          >取消</el-button>
-        </el-row>
+        <div class="top-btns">
+          <el-button size="mini" type="danger" @click="handleRegClear">清除</el-button>
+          <el-button size="mini" type="primary" :disabled="multipleSelection.length === 0" @click="handleRegGrant">分配</el-button>
+        </div>
+        <el-table ref="tableData" v-loading="regLoading" stripe border :data="regData" max-height="500" @selection-change="handleSelectionChange" :header-cell-style="{ background: '#dddfe6',color: '#555960',textAlign: 'center' }" :cell-style="{ textAlign: 'center' }">
+          <el-table-column type="selection" width="55" />
+          <el-table-column prop="voyage_name" label="航次名称" />
+          <el-table-column prop="ship_name" label="科考船舶" />
+          <el-table-column prop="voyage_start_date" label="航次开始">
+            <template slot-scope="scope">
+              <span>{{ scope.row.voyage_start_date ? scope.row.voyage_start_date.slice(0,10) : '' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="voyage_end_date" label="航次结束">
+            <template slot-scope="scope">
+              <span>{{ scope.row.voyage_end_date ? scope.row.voyage_end_date.slice(0,10) : '' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="voyage_officer" label="首席" />
+          <el-table-column prop="member_total" label="参航人数" />
+          <el-table-column prop="funding_org" label="资助机构" />
+          <el-table-column prop="funding_code" label="资助编号" />
+        </el-table>
       </el-dialog>
     </div>
   </div>
 </template>
 
 <script>
+import { roleList, optrAdd, optrEdit, optrList, optrDelete, regList, regGrant, regClear } from '../../api/sysManage'
+import { initInfo } from '../../api/login'
+
 export default {
   name: 'UserManage',
   data() {
     return {
-      // 新建
-      userStatus: true,
-      // 数据model
-      recordEnabled: 0,
-      showUserForm: false,
-      showAuthorForm: false,
-      delDialogVisible: false,
-      currentPage: 1,
-      pagesize: 15,
-      count: 0,
+      loading: false,
+      // 分页请求参数
+      params: {
+        start: 0,
+        limit: 10,
+        group: 10,
+        query: ''
+      },
+      pageNum: 1,
+      // 列表数据
+      tableData: [],
+      total: 0,
+      // 新增和编辑表单参数
+      open: false,
+      title: '新增',
       form: {
-        userName: '',
-        name: '',
-        phone: '',
-        address: '',
-        unit: ''
+        optr_dept: 0,
+        optr_name: '',
+        login_name: '',
+        login_pass: '',
+        optr_alias: '',
+        optr_sex: '',
+        optr_status: '',
+        optr_email: '',
+        optr_mobile: '',
+        optr_tel: '',
+        role_ids: ''
       },
       rules: {
-        userName: [
-          { required: true, message: '请输入用户名', trigger: 'blur' }
+        optr_name: [
+          { required: true, message: '请输入操作员名称', trigger: 'blur' }
         ],
-        name: [
-          { required: true, message: '请输入姓名', trigger: 'blur' }
+        login_name: [
+          { required: true, message: '请输入登录名称', trigger: 'blur' }
         ],
-        unit: [
-          { required: true, message: '请输入单位', trigger: 'blur' }
+        login_pass: [
+          { required: true, message: '请输入登录密码', trigger: 'blur' }
+        ],
+        optr_alias: [
+          { required: true, message: '请输入别名', trigger: 'blur' }
+        ],
+        optr_sex: [
+          { required: true, message: '请选择操作员性别', trigger: 'change' }
+        ],
+        optr_status: [
+          { required: true, message: '请选择操作员状态', trigger: 'change' }
+        ],
+        optr_email: [
+          { required: true, message: '请输入电子邮件地址', trigger: 'blur' }
+        ],
+        optr_mobile: [
+          { required: true, message: '请输入联系电话', trigger: 'blur' }
+        ],
+        optr_tel: [
+          { required: true, message: '请输入办公电话', trigger: 'blur' }
+        ],
+        role_ids: [
+          { required: true, message: '请选择角色', trigger: 'change' }
         ]
       },
-      author: ['系统管理员'],
-      tableData: [
-        {
-          userName: 'admin',
-          name: '管理员',
-          sex: '男',
-          phone: '13827182976',
-          address: '134@163.com',
-          unit: '深海所',
-          createTime: '2022.3.4 12: 20: 00'
-        },
-        {
-          userName: 'user',
-          name: 'USER',
-          sex: '男',
-          phone: '13827182976',
-          address: '134@163.com',
-          unit: '深海所',
-          createTime: '2022.3.4 12: 20: 00'
-        },
-        {
-          userName: 'user1',
-          name: 'USER1',
-          sex: '男',
-          phone: '13827182976',
-          address: '134@163.com',
-          unit: '深海所',
-          createTime: '2022.3.4 12: 20: 00'
-        }
-      ],
-      companyOption: [
-        {
-          label: '深海所',
-          value: '深海所'
-        },
-        {
-          label: '机构B',
-          value: '机构B'
-        }
-      ],
-      sexOption: [
-        {
-          label: '男',
-          value: '男'
-        },
-        {
-          label: '女',
-          value: '女'
-        }
-      ],
-      authorOption: [
-        {
-          label: '超级管理员',
-          value: '超级管理员'
-        },
-        {
-          label: '系统管理员',
-          value: '系统管理员'
-        },
-        {
-          label: '普通用户',
-          value: '普通用户'
-        }
-      ]
+      frameSex: [],
+      frameStatus: [],
+      roleOptions: [],
+      regLoading: false,
+      openReg: false,
+      regData: [],
+      multipleSelection: [],
+      voyageIds: [],
+      currentUserId: ''
     }
   },
   created() {
-    const isLogin = localStorage.getItem('isLogin')
-    if (isLogin == 'false' || isLogin == '' || isLogin == undefined) {
-      this.$router.push({ name: 'home' })
-      return
-    }
-    // this.init()
-    const arr = [
-      {
-        key: 1,
-        value: 11
-      },
-      {
-        key: 2,
-        value: 22
-      },
-      {
-        key: 3,
-        value: 33
-      },
-      {
-        key: 4,
-        value: 44
-      },
-      {
-        key: 5,
-        value: 55
-      }
-    ]
-    arr.map((item, index) => {
-      if (index < arr.length - 1) {
-        console.log(item, arr[index + 1])
-      }
-    })
+    this.getFrameDictArray()
+    this.getRole()
+    this.getData()
   },
   methods: {
-    batchImport() {
-      this.showUserForm = true
-      this.userStatus = true
-    },
-    tableIndex(index) {
-      return (this.currentPage - 1) * this.pagesize + index + 1
-    },
-    openModal(row, event, column) {
-      // 判断操作内容
-      var opType = column.target.id
-      if (opType == 'del') {
-        this.$confirm('确定删除选中的数据吗？此操作不可撤销！', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        })
-          .then(() => {
-            this.deleteData(row.id)
-          })
-          .catch((error) => {
-            console.log(error)
-          })
-      } else if (opType == 'mod') {
-        this.showUserForm = true
-        this.userStatus = false
-        this.form = JSON.parse(JSON.stringify(row))
-      } else if (opType == 'permission') {
-        this.showAuthorForm = true
-      }
-    },
-    async deleteData(id) {
-      this.loading = true
-      const data = {
-        id
-      }
-      try {
-        const res = await deletePlanPage(data)
-        if (res.code == 2000) {
-          this.init()
-        }
-      } catch (error) {
-        console.log(error)
-        this.loading = false
-      }
-    },
-    init() {
-      this.currentPage = 1
-      this.getData()
-    },
-    // 初始页currentPage、初始每页数据数pagesize和数据data
-    handleSizeChange: function(size) {
-      this.pagesize = size
-      this.getData()
-    },
-    handleCurrentChange: function(currentPage) {
-      this.currentPage = currentPage
-      this.getData()
-    },
-    fuzzyQueryFunction() {
-      this.currentPage = 1
-      this.getData()
-    },
-    reset() {
-      this.queryName = ''
-    },
     getData() {
-      // 分页查询以及带条件模糊查询方法
-      this.$http
-        .post(process.env.baseUrl + '/node/findPage', { pageRequest: { pageNum: this.currentPage, pageSize: this.pagesize }, queryName: this.queryName })
-        .then(res => {
-          if (res.code == 2000) { // 1表示成功
-            this.tableData = res.data.page.content
-            this.count = res.data.page.totalSize
-          } else {
-            this.$message.error(res.msg) // 后台出现异常的提示
-          }
-        })
+      this.loading = true
+      optrList(this.params).then(res => {
+        this.tableData = res.page.records
+        this.total = Number(res.page.total)
+        this.loading = false
+      })
     },
-    saveData() {
-      this.$refs['form'].validate((valid) => {
+    // 新增
+    handleAdd() {
+      this.title = '新增'
+      this.open = true
+    },
+    // 编辑
+    handleEdit(row) {
+      this.title = '编辑'
+      this.open = true
+      this.form = JSON.parse(JSON.stringify(row))
+      this.form.role_ids = Number(this.form.role_id)
+    },
+    // 提交表单
+    submitForm() {
+      this.$refs['form'].validate(valid => {
         if (valid) {
-          if (this.showStatus) {
-            this.addFunction()
+          if (this.title === '新增') {
+            optrAdd(this.form).then(res => {
+              this.$message.success('已添加新用户!')
+              this.getData()
+              this.cancel()
+            })
           } else {
-            this.updateFunction()
+            optrEdit(this.form).then(res => {
+              this.$message.success('用户信息已更新!')
+              this.getData()
+              this.cancel()
+            })
           }
-        } else {
-          return false
         }
       })
     },
-    saveAuthorData() {
-      this.showAuthorForm = false
+    // 关闭弹窗
+    cancel() {
+      this.open = false
+      this.reset()
     },
-    async addFunction() {
-      this.loading = true
-      const data = {
-        deviceId: this.form.deviceId,
-        deviceName: this.form.deviceName,
-        description: this.form.description,
-        // userId: 123456,
-        userName: this.$store.state.user.user
-      }
-      try {
-        const res = await addPlanPage(data)
-        if (res.code === 2000) {
-          this.$emit('handleConfirm')
-        }
-      } catch (error) {
-        console.log(error)
-      }
-      this.loading = false
+    cancelReg() {
+      this.openReg = false
     },
-    async updateFunction() {
-      this.loading = true
-      const data = {
-        deviceId: this.form.deviceId,
-        deviceName: this.form.deviceName,
-        description: this.form.description,
-        // userId: 123456,
-        userName: this.$store.state.user.user,
-        id: Number(this.id)
+    // 表单重置
+    reset() {
+      this.form = {
+        optr_dept: 0,
+        optr_name: '',
+        login_name: '',
+        login_pass: '',
+        optr_alias: '',
+        optr_sex: '',
+        optr_status: '',
+        optr_email: '',
+        optr_mobile: '',
+        optr_tel: '',
+        role_ids: ''
       }
-      try {
-        const res = await updatePlanPage(data)
-        if (res.code === 2000) {
-          this.$emit('handleConfirm')
-        }
-      } catch (error) {
-        console.log(error)
-      }
-      this.loading = false
-    },
-    resetForm() {
       this.$refs['form'].resetFields()
     },
-    resetForm2() {
-      this.$refs['form2'].resetFields()
+    getFrameDictArray() {
+      initInfo().then(res => {
+        const frameDictArray = res.map.FrameDictArray
+        this.frameStatus = this.filterDictItems(frameDictArray, "FrameStatus")
+        this.frameSex = this.filterDictItems(frameDictArray, "FrameSex")
+      })
     },
-    handleClose(done) { // 加一个点击遮罩和关闭按钮时的回调函数
-      this.clearInput()
-      this.resetForm()
-      done()
+    filterDictItems(data, dictName) {
+      return data.filter(item => item.dict_name === dictName)
     },
-    handleCloseAuthor(done) {
-      done()
+    getRole() {
+      roleList().then(res => {
+        this.roleOptions = res.page.records
+      })
     },
-    clearInput() {
-      this.form = {
-        userName: '',
-        name: '',
-        phone: '',
-        address: '',
-        unit: ''
-      }
+    // 删除
+    handleDelete(row) {
+      this.$confirm('确定要删除该用户吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        optrDelete(row).then(() => {
+          this.$message.success('删除成功!')
+          this.getData()
+        })
+      }).catch(() => {})
+    },
+    // 分页
+    handleCurrentChange(val) {
+      this.pageNum = val
+      this.params.start = val * this.params.limit - this.params.limit
+      this.getData()
+    },
+    handleSizeChange(val) {
+      this.params.limit = val
+      this.getData()
+    },
+    // 航次分配
+    handleReg(row) {
+      this.openReg = true
+      this.regLoading = true
+      this.currentUserId = row.optr_id
+
+      regList().then(res => {
+        this.regData = res.array
+        this.regLoading = false
+      })
+    },
+    // 清除所以已分配航次
+    handleRegClear() {
+      regClear({ optr_id: this.currentUserId }).then(res => {
+        this.$message.success('清除成功!')
+      })
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+      this.voyageIds = val.map(item => item.tsy_id)
+      console.log(val)
+    },
+    // 确认分配
+    handleRegGrant() {
+      regGrant({
+        optr_id: this.currentUserId,
+        voyage_ids: this.voyageIds
+      }).then(res => {
+        this.$message.success('分配成功!')
+      })
     }
   }
 }
 </script>
 
+<style lang="scss" scoped>
+.top-btns {
+  margin-bottom: 10px;
+  text-align: right;
+}
+</style>
+
diff --git a/static/img/01.png b/static/img/01.png
index 28958f99261caf2a58ef1cd0561121db8f9ec31b..fad134069e7836431bbbf93f9edda20717fa3c9a 100644
GIT binary patch
literal 1345
zcmV-H1-|-;P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000E`Nkl<ZcmbSO
zU1%It6#mXk8U-yTyHRONA;oN}2tqMvMJRa@e-LejN~?lCgtoh>6@q_#kVc4qf%=lo
z#t@4j)RqQCeevg^5urlCP{Cr@Y^;5dS|qy(5lXSyx&6+}?CwlvlHJYaesj+K&bep4
znY(jm)<P5Qj)}|L61hTOd#*4=n<tih<bAGBbDAiLh6Hrv<{nJsX2<OtH!iXGgaEw&
zx`~ZGx_xd!b2L}yFjlwM6_Csojyf>E0&)OeyGrxD2tG98>{qC-9HB89IiPcroXf$Q
zeN6$0(fptR-mg`Vp;9KbiFmS@P90rHZ$GV2UpZnEAVct*&ea<JFxIRpAdxHVg;>Y@
zS<{xiVRI?d^^QMY)o709GGUs4)^KYfzQqbij{o&A)6Wp#ReWB`q<ZELcK)N|MxePm
zN9X$aXZ)J}ux4Tf7^nQ2n<DsoA(ML9_1AH5=dy-Qt=7~*01*N0+5A&5X1|})=i87;
zj^!WXZ9SgI&3);ia9p`iQf=VXU`@Anjd#6>0I}`e8Zidnl+vjm)DI$=&F?Wrz9TmP
znCCoTKsk+(4|T0!SWC%DZS^aN2;kN4af5<CTpKvFjm>l#%l;UU1c3jTd&-6S<TR!^
zjD>rpmN8!KKr|#^V|FIVSO>uivwnAN;9!{+{x(b}sf*mgc9#0PUr?y;axk4<4oAUm
zs<k@&b5x@t0WAibD-qkkdyFcCXLSdpI5}53l&an#*Ee#`OM#bzS_{?+o<lQ20(c8;
zB^4squc!@zYq>?o#w!1$Hi!yW$qB|B$MJVaz_vHE24f)si~ZfdF}O&ej9VU18-xhH
z)v*{W@@Q7LN{;4Lu>p@%{8oE$rsAs&2~ffSKf6{WA^?I(jS)|@^NrXxQs`BvuN;9u
z4yw&@Tmb@HxN@-PT9v005g^97K%U(^&O@l{BSqo_!SkTkvN5F)pt9~K{2T<Ei1mz)
zxjbjp1`!be+j6&Hf!VEB7fe>4TWlXsc$mKaNEc`o)5>X#<4{jzXCLET-QkhTUwO86
zj0kXl(eQ4y)gqC#)~UrzYLqAIArd}%l+#!QmOSrsXG{I}{o?yo6A|D?ytOvwmAJd$
z=hQWA+1Xu8^0s2&6#Yn#6~L>Sgm^zjv2iRit3krDM3)L$i#0z*Op6uZ<~evzE!VcU
z-baPztwb_gc$VB=0x-zBHs-LZfKq?zN9J?i=aC;KO)bUXREx3jHfQox!IxSlHK~3a
zRu!Ph%h&(cyKqtcW|ks(*A_kbPR_e#JLT#p8pn~orhuh^`%6YdMQ|C>&{DLG6?X7>
zR{=U_X#UlE`9T{wZ<Sb6fMzYEyH3-7MgUxjj$FarR1nkd9R2rp%U}c|w^76tAI%S9
z(n3^S0h+zsdh6@7=Lzt0dpI#Vw^jX>D9hpmxkmxHYTMSEXrMJDV5x6wNgSi!0wqAU
zL!4o(Xo=h$IoYQ)pPcmkp?lW6^_r(>NPs354|kvE@8O90fb44@ovmIWPtHFr<_)lM
z3qMlKbbU>?q290nt+tR(orGWzY$Ebe``DjPw|#PH7a#O-u#p=sX1Yh{Hr$&MpjG*{
zdshrjs?Rs)xK%FuFE4yiOn1Gdd^2cTfEF+Ir(Oc&GQdwb!QG%=%%on#I@-Df=y^(+
zu5GmXN}l$84x_yua}xjn|Nqj_2nhfH00v1!K~w_(&|tvsRH*^x00000NkvXXu0mjf
D!>EYG

literal 3666
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

diff --git a/static/img/011.png b/static/img/011.png
index 731d7b1b1e9fd726b2aeeb16a0be74884c590483..493842d67066448f28bc14b81b6c4863c40ed0fc 100644
GIT binary patch
literal 2178
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
Eg75efIRF3v

literal 5252
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