From b904aaba974d2de37ee00196610d2831eeac13e5 Mon Sep 17 00:00:00 2001
From: huangchengfa <171504222@qq.com>
Date: Fri, 12 Dec 2025 15:56:31 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0package.json?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/package.json b/package.json
index 0af4440..7f814e6 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^0.26.0",
     "core-js": "^3.6.5",
+    "draggable-resizable-vue3": "1.0.94-beta",
     "echarts": "^5.3.3",
     "echarts-gl": "^2.0.9",
     "el-table-infinite-scroll": "^3.0.6",
@@ -36,6 +37,7 @@
     "moment": "^2.30.1",
     "ol": "^6.14.1",
     "pinia": "^3.0.1",
+    "siriwave": "2.3.0",
     "tesseract.js": "^6.0.1",
     "vue": "^3.2.8",
     "vue-draggable-plus": "^0.6.0",

From 0ec9ead6d3a5caf7fe02e6dfc95a35da5d52bc4f Mon Sep 17 00:00:00 2001
From: huangchengfa <171504222@qq.com>
Date: Fri, 12 Dec 2025 16:04:04 +0800
Subject: [PATCH 2/4] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/model/qblyType.vue       |   9 +-
 src/views/home/model/qingBaowbTable.vue | 143 ++++++++++++++++++++++++
 2 files changed, 150 insertions(+), 2 deletions(-)
 create mode 100644 src/views/home/model/qingBaowbTable.vue

diff --git a/src/views/home/model/qblyType.vue b/src/views/home/model/qblyType.vue
index c319dc6..9ce668e 100644
--- a/src/views/home/model/qblyType.vue
+++ b/src/views/home/model/qblyType.vue
@@ -16,7 +16,8 @@
     </el-popover>
   </div>
   <div class="comom-cnt">
-    <BarHatEcharts echartsId="qbltBox" :autoTooltip="true" :data="list"></BarHatEcharts>
+        <!-- <BarHatEcharts echartsId="qbltBox" :autoTooltip="true" :data="list"></BarHatEcharts> -->
+    <QingBaoTable ref="qingbaoTable" />
   </div>
 </template>
 
@@ -25,6 +26,7 @@ import { qcckPost } from "@/api/qcckApi.js";
 import BarHatEcharts from "@/views/home/echarts/barHatEcharts.vue";
 import { onMounted, reactive, ref } from "vue";
 import TimeData from '@/views/home/model/mesgSwitch/timeData.vue'
+import QingBaoTable from './qingBaowbTable.vue'
 const list = reactive({
   xDate: ['110警情', '人力情报', '系统采集', '民警处置单'],
   list: [
@@ -34,8 +36,9 @@ const list = reactive({
 })
 const emit = defineEmits(['reversalPush'])
 const visible = ref(false)
+const qingbaoTable = ref()
 onMounted(() => {
-  getCount()
+  // getCount() // 柱状图先不要了
 });
 const listQuery = ref()
 const getCount = () => {
@@ -61,6 +64,8 @@ const changeTime = (val) => {
     ...val
   }
   getCount()
+  // 触发表格数据刷新
+  qingbaoTable.value && qingbaoTable.value.fetchData()
 }
 const reversalPush = () => {
   emit('reversalPush')
diff --git a/src/views/home/model/qingBaowbTable.vue b/src/views/home/model/qingBaowbTable.vue
new file mode 100644
index 0000000..5da4ca8
--- /dev/null
+++ b/src/views/home/model/qingBaowbTable.vue
@@ -0,0 +1,143 @@
+<template>
+  <div class="qingbao-table-container">
+    <div class="tab-buttons">
+      <div class="tab-button" :class="{ active: activeTab === 'xxy' }" @click="switchTab('xxy')">
+        优秀信息员
+      </div>
+      <div class="tab-button" :class="{ active: activeTab === 'ypy' }" @click="switchTab('ypy')">
+        优秀研判的列表
+      </div>
+    </div>
+
+    <div class="table-wrapper">
+      <el-table :data="tableData" style="width: 100%" height="calc(100 - 1px)" :header-cell-style="{
+        background: 'rgba(2, 29, 75, 0.1)',
+        color: '#fff',
+        borderColor: '#0d4b8a'
+      }" :row-style="{
+          background: 'rgba(0, 29, 75, 0.3)',
+          color: '#fff',
+          borderColor: '#0d4b8a'
+        }" stripe>
+        <el-table-column prop="ssbm" label="部门名称" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="xm" label="姓名" min-width="80" show-overflow-tooltip />
+        <!-- 信息员积分 和 研判员积分 -->
+        <el-table-column :prop="scoreField" :label="scoreLabel" min-width="80" show-overflow-tooltip />
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, computed } from 'vue'
+import { qcckGet } from "@/api/qcckApi.js"
+
+const activeTab = ref('xxy') // 默认选中优秀信息员
+const tableData = ref([])
+const tableHeight = ref(300)
+
+// 根据当前标签页确定积分字段和标签
+const scoreField = computed(() => {
+  return activeTab.value === 'xxy' ? 'xxyjf' : 'ypyjf'
+})
+
+const scoreLabel = computed(() => {
+  return activeTab.value === 'xxy' ? '信息员积分' : '研判员积分'
+})
+
+
+// 切换标签页
+const switchTab = (tab) => {
+  activeTab.value = tab
+  fetchData()
+}
+
+// 获取表格数据
+const fetchData = () => {
+  const promes = {
+    startTime: '',
+    endTime: ''
+  }
+  const url = activeTab.value === 'xxy' ? '/mosty-gsxt/xxcj/mjjf/cjrList' : '/mosty-gsxt/xxcj/mjjf/ypyList'
+  qcckGet(promes, url).then(res => {
+    tableData.value = res || []
+  }).catch(error => {
+    console.error('获取表格数据失败:', error)
+    tableData.value = []
+  })
+}
+
+onMounted(() => {
+  // 设置表格高度
+  // tableHeight.value = calc(100% - 50px)
+  fetchData()
+})
+
+// 暴露方法给父组件，用于时间查询
+defineExpose({
+  fetchData
+})
+</script>
+
+<style lang="scss" scoped>
+.qingbao-table-container {
+  height: 100%;
+  padding: 10px;
+
+  .tab-buttons {
+    display: flex;
+    margin-bottom: 15px;
+    gap: 10px;
+
+    .tab-button {
+      padding: 0px 4px;
+      background: rgba(0, 77, 167, 0.6);
+      color: #fff;
+      border: 1px solid #0099ff;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      font-size: 14px;
+
+      &:hover {
+        background: rgba(0, 77, 167, 0.8);
+      }
+
+      &.active {
+        background: rgba(0, 244, 255, 0.8);
+        color: #000;
+        border-color: #00f4ff;
+      }
+    }
+  }
+
+  .table-wrapper {
+    height: calc(100% - 50px);
+
+    :deep(.el-table) {
+      background: transparent;
+
+      .el-table__header-wrapper {
+        background: transparent;
+      }
+
+      .el-table__body-wrapper {
+        background: transparent;
+      }
+
+      .el-table__row {
+        background: rgba(0, 29, 75, 0.3);
+
+        &:hover>td.el-table__cell {
+          background: rgba(0, 77, 167, 0.5) !important;
+        }
+      }
+
+      .el-table__cell {
+        border-bottom: 1px solid #0d4b8a;
+        padding: 8px 12px;
+      }
+    }
+  }
+}
+</style>

From 0ab9216ed850427e4aec036df5791b7f5e1e7c12 Mon Sep 17 00:00:00 2001
From: huangchengfa <171504222@qq.com>
Date: Fri, 12 Dec 2025 16:25:24 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=E6=83=85=E6=8A=A5=E6=9D=A5?=
 =?UTF-8?q?=E6=BA=90=E7=B1=BB=E5=9E=8B-=E5=A2=9E=E5=8A=A0=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E3=80=82=E4=BC=98=E7=A7=80=E4=BF=A1=E6=81=AF=E5=91=98?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E7=A7=80=E7=A0=94=E5=88=A4=E7=9A=84=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/model/qingBaowbTable.vue | 79 +++++++++++++++++++------
 1 file changed, 61 insertions(+), 18 deletions(-)

diff --git a/src/views/home/model/qingBaowbTable.vue b/src/views/home/model/qingBaowbTable.vue
index 5da4ca8..f5e0a13 100644
--- a/src/views/home/model/qingBaowbTable.vue
+++ b/src/views/home/model/qingBaowbTable.vue
@@ -9,16 +9,17 @@
       </div>
     </div>
 
+
     <div class="table-wrapper">
-      <el-table :data="tableData" style="width: 100%" height="calc(100 - 1px)" :header-cell-style="{
-        background: 'rgba(2, 29, 75, 0.1)',
-        color: '#fff',
+      <el-table :data="tableData" style="width: 100%" height="calc(100% - 1px)" :header-cell-style="{
+        background: 'transparent',
+        color: '#0d4b8a',
         borderColor: '#0d4b8a'
       }" :row-style="{
-          background: 'rgba(0, 29, 75, 0.3)',
-          color: '#fff',
-          borderColor: '#0d4b8a'
-        }" stripe>
+        background: 'transparent',
+        color: '#fff',
+        borderColor: '#0d4b8a'
+      }" stripe>
         <el-table-column prop="ssbm" label="部门名称" min-width="120" show-overflow-tooltip />
         <el-table-column prop="xm" label="姓名" min-width="80" show-overflow-tooltip />
         <!-- 信息员积分 和 研判员积分 -->
@@ -52,17 +53,15 @@ const switchTab = (tab) => {
   fetchData()
 }
 
+
 // 获取表格数据
 const fetchData = () => {
-  const promes = {
-    startTime: '',
-    endTime: ''
+  const params = {
   }
   const url = activeTab.value === 'xxy' ? '/mosty-gsxt/xxcj/mjjf/cjrList' : '/mosty-gsxt/xxcj/mjjf/ypyList'
-  qcckGet(promes, url).then(res => {
+  qcckGet(params, url).then(res => {
     tableData.value = res || []
   }).catch(error => {
-    console.error('获取表格数据失败:', error)
     tableData.value = []
   })
 }
@@ -82,11 +81,11 @@ defineExpose({
 <style lang="scss" scoped>
 .qingbao-table-container {
   height: 100%;
-  padding: 10px;
+  padding: 2px 10px;
 
   .tab-buttons {
     display: flex;
-    margin-bottom: 15px;
+    margin-bottom: 4px;
     gap: 10px;
 
     .tab-button {
@@ -112,11 +111,15 @@ defineExpose({
   }
 
   .table-wrapper {
-    height: calc(100% - 50px);
+    height: calc(100% - 30px);
 
     :deep(.el-table) {
       background: transparent;
 
+      tr {
+        background-color: rgba(0, 78, 167, 0.041) !important;
+      }
+
       .el-table__header-wrapper {
         background: transparent;
       }
@@ -126,16 +129,56 @@ defineExpose({
       }
 
       .el-table__row {
-        background: rgba(0, 29, 75, 0.3);
+        background: transparent !important;
 
         &:hover>td.el-table__cell {
-          background: rgba(0, 77, 167, 0.5) !important;
+          background: transparent !important;
         }
       }
 
+      // 设置行高
+      .el-table__row td {
+        height: 32px !important;
+        line-height: 32px !important;
+      }
+
+      // 设置表头行高
+      .el-table__header th {
+        height: 36px !important;
+        line-height: 36px !important;
+        padding: 0 !important;
+        background: transparent !important;
+      }
+
+      // 去掉所有白色背景
+      &::before {
+        display: none;
+      }
+
+      .el-table__cell {
+        background: transparent !important;
+      }
+
+      .el-table__header th.el-table__cell {
+        background: transparent !important;
+      }
+
       .el-table__cell {
         border-bottom: 1px solid #0d4b8a;
-        padding: 8px 12px;
+        padding: 0 12px;
+      }
+
+      // 去掉表格的白色背景
+      .el-table__inner {
+        background-color: transparent !important;
+      }
+
+      .el-table__header {
+        background-color: transparent !important;
+      }
+
+      .el-table__body {
+        background-color: transparent !important;
       }
     }
   }

From 9ddd9c232634d49047f2b38ac21117998a807ca5 Mon Sep 17 00:00:00 2001
From: huangchengfa <171504222@qq.com>
Date: Fri, 12 Dec 2025 16:27:30 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/model/qingBaowbTable.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/home/model/qingBaowbTable.vue b/src/views/home/model/qingBaowbTable.vue
index f5e0a13..ef83a61 100644
--- a/src/views/home/model/qingBaowbTable.vue
+++ b/src/views/home/model/qingBaowbTable.vue
@@ -60,7 +60,8 @@ const fetchData = () => {
   }
   const url = activeTab.value === 'xxy' ? '/mosty-gsxt/xxcj/mjjf/cjrList' : '/mosty-gsxt/xxcj/mjjf/ypyList'
   qcckGet(params, url).then(res => {
-    tableData.value = res || []
+    tableData.value = Array.isArray(res) ? res : []
+    tableData.value = tableData.value.slice(0, 100) // 取前100条数据，避免卡顿
   }).catch(error => {
     tableData.value = []
   })