From 62db6672f64596f20f2c8eca105740e002ef9562 Mon Sep 17 00:00:00 2001
From: Esacpe <1113279529@qq.com>
Date: Thu, 29 Jan 2026 16:47:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/icon-blue.png               | Bin 0 -> 2084 bytes
 src/assets/images/icon-orange.png             | Bin 0 -> 2047 bytes
 src/assets/images/icon-red.png                | Bin 0 -> 2108 bytes
 src/assets/images/icon-yellow.png             | Bin 0 -> 2147 bytes
 .../components/bqyjslCount.vue                |  87 +++++
 .../components/czztCount.vue                  | 268 ++++++++++++++++
 .../components/headLayout.vue                 | 100 ++++++
 .../components/statusCount.vue                | 165 ++++++++++
 .../ReportStatisticalAnalysis/index.vue       | 294 ++---------------
 .../ReportStatisticalAnalysis/qbtjCount.vue   | 280 ++++++++++++++++
 .../ReportStatisticalAnalysis/qygktjCount.vue | 161 ++++++++++
 .../ReportStatisticalAnalysis/xxhjCount.vue   | 153 +++++++++
 .../ReportStatisticalAnalysis/yjCount.vue     | 298 ++++++++++++++++++
 src/views/home/echarts/3DbarEcharts.vue       |   3 +-
 src/views/home/echarts/lineEcharts.vue        |   4 +-
 15 files changed, 1537 insertions(+), 276 deletions(-)
 create mode 100644 src/assets/images/icon-blue.png
 create mode 100644 src/assets/images/icon-orange.png
 create mode 100644 src/assets/images/icon-red.png
 create mode 100644 src/assets/images/icon-yellow.png
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/bqyjslCount.vue
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/czztCount.vue
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/headLayout.vue
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/statusCount.vue
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qbtjCount.vue
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qygktjCount.vue
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/xxhjCount.vue
 create mode 100644 src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/yjCount.vue

diff --git a/src/assets/images/icon-blue.png b/src/assets/images/icon-blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae652dd99b85903e5fe7657f366f43336cd289ee
GIT binary patch
literal 2084
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
O0000<MNUMnLSTa8w&61X

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-orange.png b/src/assets/images/icon-orange.png
new file mode 100644
index 0000000000000000000000000000000000000000..352fa6533ec9a42a9853bd4b79b2c3e28dc02388
GIT binary patch
literal 2047
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-red.png b/src/assets/images/icon-red.png
new file mode 100644
index 0000000000000000000000000000000000000000..daa6a9ce49f51bd731a4a2ef8a299a10ce4429b7
GIT binary patch
literal 2108
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-yellow.png b/src/assets/images/icon-yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..be48153b4b5d8dec27139ca107c68f399e9fbbdf
GIT binary patch
literal 2147
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
Z{{dL73r#nbUFZM+002ovPDHLkV1nID^3(tT

literal 0
HcmV?d00001

diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/bqyjslCount.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/bqyjslCount.vue
new file mode 100644
index 0000000..84d29f6
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/bqyjslCount.vue
@@ -0,0 +1,87 @@
+<template>
+    <div class="progress-list">
+        <div class="list-item" v-for="(item, index) in listData" :key="index">
+            <div class="label">{{ item.label }}</div>
+            <div class="bar-container">
+                <div class="bar-bg">
+                    <div class="bar-fill" :style="{ width: (item.value / maxValue * 100) + '%' }">
+                        <span class="value-text">{{ item.value }}个</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref, computed,defineProps,watch } from 'vue'
+const props = defineProps({
+    data: {
+        type: Array,
+        default: () => []
+    }
+})
+const listData = ref([])
+const maxValue = computed(() => {
+    const max = Math.max(...listData.value.map(item => item.value))
+    return max > 0 ? max : 100
+})
+
+watch(() => props.data, (newVal) => {
+    listData.value = newVal
+},{immediate:true})
+
+</script>
+
+<style scoped lang="scss">
+.progress-list {
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    overflow-y: auto;
+    .list-item {
+        width: 98%;
+        margin-bottom: 10px;
+        &:last-child {
+            margin-bottom: 0;
+        }
+
+        .label {
+            font-size: 14px;
+            color: #666;
+            margin-bottom: 8px;
+        }
+
+        .bar-container {
+            display: flex;
+            align-items: center;
+
+            .bar-bg {
+                flex: 1;
+                height: 16px;
+                background-color: #F5F7FA;
+                border-radius: 6px;
+                margin-right: 15px;
+                .bar-fill {
+                    position: relative;
+                    height: 100%;
+                    border-radius: 6px;
+                    background: linear-gradient(90deg, #FF6B22 0%, #FFC94B 100%);
+                    transition: width 0.5s ease-out;
+                    .value-text {
+                        white-space: nowrap;
+                        position: absolute;
+                        left: 101%;
+                        font-size: 14px;
+                        color: #FF6B22;
+                        font-weight: 500;
+                    }
+                }
+            }
+
+            
+        }
+    }
+}
+</style>
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/czztCount.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/czztCount.vue
new file mode 100644
index 0000000..fac775f
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/czztCount.vue
@@ -0,0 +1,268 @@
+<template>
+    <div class="echratsBox">
+        <div class="chart-container" ref="echartsRef"></div>
+        <div class="legend-container">
+            <div class="legend-item" v-for="(item, index) in chartData" :key="index">
+                <div class="left-part">
+                    <span class="dot" :style="{ backgroundColor: colors[index] }"></span>
+                    <span class="name">{{ item.name }}</span>
+                    <span class="value">{{ item.value }}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue'
+import * as echarts from 'echarts'
+import 'echarts-gl' // Ensure GL is available if needed, though we use custom series for better labels
+
+const echartsRef = ref(null)
+const chartData = ref([
+    { name: '未签收', value: 18 },
+    { name: '已签收', value: 18 },
+    { name: '已反馈', value: 18 }
+])
+const colors = ['#FF4D4F', '#1890FF', '#00E6B8'] // Red, Blue, Cyan/Teal
+let myChart = null
+onMounted(() => {
+    initChart()
+    window.addEventListener('resize', resizeChart)
+})
+
+const initChart = () => {
+    if (!echartsRef.value) return
+    myChart = echarts.init(echartsRef.value)
+    const data = chartData.value.map((item, index) => ({
+        name: item.name,
+        value: item.value,
+        itemStyle: {
+            color: colors[index]
+        }
+    }));
+    const option = getPie3DOptions(data, 0.5);
+    option.series.push({
+        name: 'labelPie',
+        type: 'pie',
+        radius: ['70%', '85%'], 
+        center: ['45%', '50%'], 
+        label: {
+            show: false,
+        },
+        labelLine: {
+            show: false,
+        },
+        itemStyle: {
+            opacity: 0 // Invisible slices
+        },
+        data: data,
+        z: 100
+    });
+
+    myChart.setOption(option)
+}
+// 生成3D饼图的配置
+const getPie3DOptions = (pieData, internalRadiusRatio) => {
+    const series = [];
+    let sumValue = 0;
+    let startValue = 0;
+    let endValue = 0;
+    const k = internalRadiusRatio || 1 / 3;
+
+    for (let i = 0; i < pieData.length; i++) {
+        sumValue += pieData[i].value;
+        const seriesItem = {
+            name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
+            type: 'surface',
+            parametric: true,
+            wireframe: {
+                show: false
+            },
+            pieData: pieData[i],
+            pieStatus: {
+                selected: false,
+                hovered: false,
+                k: k
+            },
+            shading: 'lambert', // Add realistic shading
+            itemStyle: {
+                opacity: 1
+            }
+        };
+
+        if (typeof pieData[i].itemStyle != 'undefined') {
+            const itemStyle = {};
+            typeof pieData[i].itemStyle.color != 'undefined' ? itemStyle.color = pieData[i].itemStyle.color : null;
+            typeof pieData[i].itemStyle.opacity != 'undefined' ? itemStyle.opacity = pieData[i].itemStyle.opacity : null;
+            seriesItem.itemStyle = { ...seriesItem.itemStyle, ...itemStyle };
+        }
+        series.push(seriesItem);
+    }
+
+    for (let i = 0; i < series.length; i++) {
+        endValue = startValue + series[i].pieData.value;
+        series[i].pieData.startRatio = startValue / sumValue;
+        series[i].pieData.endRatio = endValue / sumValue;
+        series[i].parametricEquation = getParametricEquation(series[i].pieData.startRatio, series[i].pieData.endRatio, false, false, k, series[i].pieData.value);
+        startValue = endValue;
+    }
+
+    return {
+        tooltip: {
+            formatter: params => {
+                if (params.seriesName !== 'mouseoutSeries' && params.seriesName !== 'labelPie') {
+                    return `${params.seriesName}<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>${series[params.seriesIndex].pieData.value}`;
+                }
+            }
+        },
+        xAxis3D: { min: -1, max: 1 },
+        yAxis3D: { min: -1, max: 1 },
+        zAxis3D: { min: -1, max: 1 },
+        grid3D: {
+            show: false,
+            boxHeight: 10,
+            top: '-10%',
+            light: { 
+                main: {
+                    intensity: 1.2,
+                    shadow: true,
+                    shadowQuality: 'high',
+                    alpha: 40,
+                    beta: -30
+                },
+                ambient: {
+                    intensity: 0.5
+                }
+            },
+            viewControl: {
+                alpha: 30, 
+                beta: 40,
+                distance: 180,
+                rotateSensitivity: 1,
+                zoomSensitivity: 0,
+                panSensitivity: 0,
+                autoRotate: false
+            }
+        },
+        series: series
+    };
+}
+
+function getParametricEquation(startRatio, endRatio, isSelected, isHovered, k, h) {
+    const midRatio = (startRatio + endRatio) / 2;
+    const startRadian = startRatio * Math.PI * 2;
+    const endRadian = endRatio * Math.PI * 2;
+    const midRadian = midRatio * Math.PI * 2;
+
+    const offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
+    const offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+    const hoverRate = isHovered ? 1.05 : 1;
+
+    return {
+        u: {
+            min: -Math.PI,
+            max: Math.PI * 3,
+            step: Math.PI / 32
+        },
+        v: {
+            min: 0,
+            max: Math.PI * 2,
+            step: Math.PI / 20
+        },
+        x: function(u, v) {
+            if (u < startRadian) {
+                return offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
+            }
+            if (u > endRadian) {
+                return offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
+            }
+            return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
+        },
+        y: function(u, v) {
+            if (u < startRadian) {
+                return offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
+            }
+            if (u > endRadian) {
+                return offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
+            }
+            return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
+        },
+        z: function(u, v) {
+            if (u < -Math.PI * 0.5) {
+                return Math.sin(u);
+            }
+            if (u > Math.PI * 2.5) {
+                return Math.sin(u);
+            }
+            return Math.sin(v) * 1.5; 
+        }
+    };
+}
+
+const resizeChart = () => {
+    myChart && myChart.resize()
+}
+
+</script>
+
+<style scoped lang="scss">
+.echratsBox {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    box-sizing: border-box;
+
+    .chart-container {
+        flex: 1.5; // Give more space to chart
+        height: 100%;
+        min-height: 200px;
+    }
+
+    .legend-container {
+        flex: 0.8;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding-left: 20px;
+
+        .legend-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 12px 0;
+            border-bottom: 1px dashed #E0E0E0;
+            
+            &:first-child {
+                border-top: 1px dashed #E0E0E0;
+            }
+
+            .left-part {
+                display: flex;
+                align-items: center;
+                
+                .dot {
+                    width: 12px;
+                    height: 6px;
+                    border-radius: 2px;
+                    margin-right: 10px;
+                    transform: skewX(-20deg);
+                }
+
+                .name {
+                    font-size: 14px;
+                    color: #666;
+                }
+                .value {
+                    font-size: 14px;
+                    color: #333;
+                    font-weight: 500;
+                    margin-left: 5px;
+                }
+            }
+        }
+    }
+}
+</style>
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/headLayout.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/headLayout.vue
new file mode 100644
index 0000000..5908967
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/headLayout.vue
@@ -0,0 +1,100 @@
+<template>
+    <div class="top-head">
+        <el-form :inline="true" :model="formSearch" class="form-search">
+            <el-form-item label="选择部门">
+                <MOSTY.Department clearable v-model="formSearch.ssbmdm" />
+            </el-form-item>
+            <el-form-item label="">
+                 <div class="filter-section">
+                    <el-radio-group v-model="radioTime" @change="changeRadio">
+                        <el-radio v-for="(it,idx) in timeList" :key="idx" :label="it.num" >{{ it.label }}</el-radio>
+                    </el-radio-group>
+                    <span class="ml5 mr5">自定义：</span>
+                    <el-date-picker @change="handleDateChange" v-model="formSearch.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
+                </div>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="handleSubmit">查询</el-button>
+                <el-button @click="resetForm">重置</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script setup>
+import { timeValidate, timeSlotChange } from "@/utils/tools.js";
+import * as MOSTY from "@/components/MyComponents/index";
+import { ref,defineEmits } from "vue";
+const emit = defineEmits(['change'])
+const timeList = ref([
+  { label: "日", num: 0 },
+  { label: "月", num: 1 },
+  { label: "季", num: 2 },
+  { label: "年", num: 3 }
+]);
+const radioTime = ref('')
+const formSearch = ref({})
+
+// 单选
+const changeRadio = (val) =>{
+  switch(val){
+    case 0: //日
+      formSearch.value.dateRange = [timeValidate(),timeValidate()]
+      break;
+    case 1: //月
+      formSearch.value.dateRange = timeSlotChange('本月')
+      break;
+    case 2: //季度
+      formSearch.value.dateRange = timeSlotChange('本季度')
+      break;
+    case 3: //年
+      formSearch.value.dateRange = timeSlotChange('本年')
+      break;
+  }
+}
+
+// 自定义
+const handleDateChange = (val) => {
+  radioTime.value = '';
+  if(val[0] == timeSlotChange('天')[0] && val[1] == timeSlotChange('天')[1]) radioTime.value = 0;
+  if(val[0] == timeSlotChange('本月')[0] && val[1] == timeSlotChange('本月')[1]) radioTime.value = 1;
+  if(val[0] == timeSlotChange('本季度')[0] && val[1] == timeSlotChange('本季度')[1]) radioTime.value = 2;
+  if(val[0] == timeSlotChange('本年')[0] && val[1] == timeSlotChange('本年')[1]) radioTime.value = 3;
+};
+
+// 查询
+const handleSubmit = () => {
+  emit('change', formSearch.value)
+}
+// 重置
+const resetForm = () => {
+  radioTime.value = '';
+  formSearch.value = { ssbmdm: '', dateRange: null }
+  emit('change', formSearch.value)
+}
+
+</script>
+
+<style scoped lang="scss">
+ .top-head {
+    background-color: #fff;
+    font-size: 16px;
+    color: #333;
+    padding: 10px 10px 0;
+    box-sizing: border-box;
+    border-radius: 4px;
+    .filter-section {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      background: #fff;
+      border-radius: 4px;
+        ::v-deep .el-radio{
+            --el-radio-input-border-radius: 10%;
+        }
+        ::v-deep .el-radio__label{
+            color: #333;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/statusCount.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/statusCount.vue
new file mode 100644
index 0000000..968c2c0
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/components/statusCount.vue
@@ -0,0 +1,165 @@
+<template>
+    <div class="echratsBox">
+        <div class="chart-container" :id="props.id"></div>
+        <div class="legend-container">
+            <div class="legend-item" v-for="(item, i) in legendList" :key="i">
+                <span class="dot" :style="{ background: item.dotColor }"></span>
+                <span class="name">{{ item.name }}</span>
+                <span class="value">{{ item.value }}</span>
+                <span class="label">占比</span>
+                <span class="percent">{{ item.percent }}%</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { nextTick, ref ,defineProps,watch} from 'vue'
+import * as echarts from 'echarts'
+const props = defineProps({
+    data: {
+        type: Array,
+        default: () => [
+            { name: '失控', value: 85 ,color: '#D66A8D'},
+            { name: '在控', value: 55 ,color: '#17C0AE'},
+        ]
+    },
+    id: {
+        type: String,
+        default: 'echartsRef'
+    }
+})
+const legendList = ref([])
+watch(() => props.data, (newVal) => {
+    console.log(newVal,'-------------监听');
+    if (newVal.length) {
+        const total = newVal.reduce((s, v) => s + v.value, 0);
+        legendList.value = newVal.map((d, i) => ({
+            name: d.name,
+            value: 20,
+            percent: Math.round((d.value / total )* 100),
+            dotColor:   i === 0 ? 'linear-gradient(90deg, #FF8DA7 0%, #D66A8D 100%)': d.color
+        }))
+        nextTick(() => {
+            initChart(newVal, total)
+        })
+    }
+}, { immediate: true })
+
+const initChart = (data, total) => {
+    let chart = echarts.init(document.getElementById(props.id))
+    if (!chart) return;
+    const seriesData = data.map((d) => ({
+        name: d.name,
+        value: d.value,
+        itemStyle: { color: d.color }
+    }))
+
+    const option = {
+        tooltip: { show: false },
+        legend: { show: false },
+        series: [
+            {
+                type: 'pie',
+                radius: ['50%', '78%'],
+                center: ['50%', '48%'],
+                startAngle:56,
+                roseType: 'radius',
+                label: { show: false },
+                labelLine: { show: false },
+                itemStyle: { borderColor: '#FFFFFF', borderWidth: 0 },
+                data: seriesData
+            }
+        ],
+        graphic: [
+            {
+                type: 'text',
+                left: 'center',
+                top: '32%',
+                style: {
+                    text: `${total}`,
+                    fill: '#2F88FF',
+                    fontSize: 24,
+                    fontWeight: 700,
+                    textAlign: 'center'
+                }
+            },
+            {
+                type: 'text',
+                left: 'center',
+                top: '52%',
+                style: {
+                    text: '总数',
+                    fill: '#666666',
+                    fontSize: 14,
+                    fontWeight: 400,
+                    textAlign: 'center'
+                }
+            }
+        ]
+    }
+
+    chart.setOption(option)
+    window.addEventListener('resize', () => chart.resize())
+}
+
+</script>
+
+<style scoped lang="scss">
+.echratsBox {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 10px 0;
+    box-sizing: border-box;
+
+    .chart-container {
+        width: 100%;
+        height: 180px;
+    }
+
+    .legend-container {
+        margin-top: 0;
+        display: flex;
+        gap: 20px;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+
+        .legend-item {
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+            color: #666666;
+        }
+
+        .dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            margin-right: 8px;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.08) inset;
+        }
+
+        .name {
+            margin-right: 8px;
+        }
+        .value {
+            margin-right: 8px;
+            color: #333333;
+            font-weight: 500;
+        }
+        .label {
+            margin-right: 4px;
+            color: #666666;
+        }
+        .percent {
+            color: #2F88FF;
+            font-weight: 600;
+        }
+    }
+}
+</style>
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/index.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/index.vue
index 82d7cf9..0880ee9 100644
--- a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/index.vue
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/index.vue
@@ -1,282 +1,32 @@
 <template>
-  <div class="statistical-analysis">
-    <!-- 左侧树形菜单 -->
-    <div class="left-menu">
-      <!-- 这个部分用的是组件-后期替换 -->
-      <MOSTY.DepartmentTree width="310px" @change="init" placeholder="管理部门" clearable filterable :isBmId="false"
-        v-model="listQuery.ssbmdm" />
-    </div>
-
-    <!-- 右侧内容区 -->
-    <div class="right-content">
-      <!-- 顶部筛选 -->
-      <div class="filter-section">
-        <el-radio-group v-model="radio" @change="changeRadio">
-          <el-radio v-for="(it, idx) in timeList" :key="idx" :label="it.num">{{ it.label }}</el-radio>
-        </el-radio-group>
-        <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
-          end-placeholder="结束日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" @change="handleDateChange" />
-        <el-button type="primary" @click="init">查询</el-button>
-        <el-button type="primary" @click="handleRest">重置</el-button>
-      </div>
-
-      <!-- 统计图表区域 -->
-      <div class="charts-container">
-        <div class="chart-item">
-          <div class="chart-title">
-            <span>信息分组统计</span>
-            <!-- <el-button type="primary">导出统计表</el-button> -->
-          </div>
-          <div class="chart">
-            <PieEcharts echartsId="pieChart" color="#333" :data="obj.xsfzList" />
-          </div>
-        </div>
-        <div class="chart-item">
-          <div class="chart-title">
-            <span>预警等级统计</span>
-            <!-- <el-button type="primary">导出统计表</el-button> -->
-          </div>
-          <div class="chart">
-            <!-- {{ obj.yjdjList }} -->
-            <DbarEcharts echartsId="bar3DChart" :data="obj.yjdjList" />
-          </div>
-        </div>
-        <div class="chart-item">
-          <div class="chart-title">
-            <span>线索来源统计</span>
-            <!-- <el-button type="primary">导出统计表</el-button> -->
-          </div>
-          <ul class="chart mt8">
-            <li v-for="(it, idx) in obj.xslyList" :key="idx" class="mb6">
-              <div style="color: #333">{{ it.label }}</div>
-              <el-progress :text-inside="true" :stroke-width="20" :percentage="calculatePercentage(it.value)"
-                status="exception">
-                <span><span style="color: #e37233">{{ it.value }}</span> 个</span>
-              </el-progress>
-            </li>
-          </ul>
-        </div>
-        <div class="chart-item">
-          <div class="chart-title">
-            <span>研判统计</span>
-            <!-- <el-button type="primary">导出统计表</el-button> -->
-          </div>
-            <DbarEcharts echartsId="bar3DCharts" :data="obj.ypList" />
-          <!-- <lineEcharts color="#333" echartsId="areaChart" :data="obj.ypList" /> -->
-        </div>
-      </div>
+  <div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button v-for="(item,index) in butList" :key="index" :type="qh == item ? 'primary' : 'default'" @click="qh = item" size="small">{{item}}</el-button>
+      </template>
+    </PageTitle>
+    <div class="countBox">
+      <QbtjCount v-if="qh=='情报统计分析'" />
+      <YjCount v-if="qh=='预警统计'" />
+      <QygktjCount v-if="qh=='全域管控统计'" />
+      <XxhjCount v-if="qh=='信息汇聚统计'" />
     </div>
   </div>
 </template>
-
 <script setup>
-import { timeValidate, timeSlotChange } from "@/utils/tools.js";
-import * as MOSTY from "@/components/MyComponents/index";
-import lineEcharts from "@/views/home/echarts/lineEcharts.vue";
-import PieEcharts from "@/views/home/echarts/pieEcharts.vue";
-import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
-import { qcckPost, qcckGet } from "@/api/qcckApi.js";
-import { reactive, ref, onMounted } from "vue";
-
-const dateRange = ref([timeValidate(new Date(), 'ymd'), timeValidate(new Date(), 'ymd')]);// 日期范围
-const radio = ref(0); //当天
-const timeList = ref([
-  { label: "日", num: 0 },
-  { label: "月", num: 1 },
-  { label: "季", num: 2 },
-  { label: "年", num: 3 }
-]);
-const listQuery = ref({})
-const obj = reactive({
-  xsfzList: [],// 线索采集统计
-  xslyList: [],// 线索专题统计
-  ypList: {
-    list: [],//线索来源统计
-    topColor: '#1bd6c2',
-    colors: ["#28EEBF", "#0DBAC5"],
-  },
-  yjdjList: {
-    list: [],//线索来源统计
-    topColor: '#1bd6c2',
-    colors: ["#28EEBF", "#0DBAC5"],
-  }
-});
-
-onMounted(() => {
-  init() //初始化数据
-});
-
-
-const init = () => {
-  console.log(dateRange.value);
-  let data = {
-    ssbmdm: listQuery.value.ssbmdm,
-    startTime: dateRange.value[0]+' 00:00:00',
-    endTime: dateRange.value[1] + ' 23:59:59',
-  }
-  // 线索分组统计
-  qcckGet(data, '/mosty-gsxt/xxcj/xxfztj').then(res => {
-    let arr = res || [];
-    obj.xsfzList = arr.map(v => {
-      return { label: v.label, value: v.sl }
-    })
-  })
-  //研判统计
-  qcckGet(data, '/mosty-gsxt/ypbg/sjzl/yptj').then(res => {
-    let arr = res || [];
-    obj.ypList.list = arr.map(v => {
-      return { label: v.label, value: v.sl }
-    })
-  })
-  //线索来源统计
-  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByQbly').then(res => {
-    let arr = res || [];
-    obj.xslyList = arr.map(v => {
-      return { label: v.zdmc, value: v.count }
-    })
-  })
-  //预警等级
-  const yjdjList = [
-    { label: '红色预警', key: '01', count: 0 },
-    { label: '橙色预警', key: '02', count: 0 },
-    { label: '黄色预警', key: '03', count: 0 },
-    { label: '蓝色预警', key: '04', count: 0 },
-  ]
-  // 预警等级统计
-  qcckGet({ssbmdm:data.ssbmdm,kssj:data.startTime,jssj:data.endTime}, '/mosty-gsxt/tbYjxx/getYjxxTj').then(res => {
-    let arr = res || [];
-    obj.yjdjList.list = yjdjList.map(items => {
-const index= arr.findIndex(item=>item.yj_jb===items.key);
-   return {
-        label: items.label,
-        value:index==-1?0:arr[index].count
-      }
-    })
-  })
-}
-
-const changeRadio = (val) => {
-  switch (val) {
-    case 0: //日
-      dateRange.value = timeSlotChange('日')
-      // [timeValidate(), timeValidate()]
-      break;
-    case 1: //月
-      dateRange.value = timeSlotChange('本月')
-      break;
-    case 2: //季度
-      dateRange.value = timeSlotChange('本季度')
-      break;
-    case 3: //年
-      dateRange.value = timeSlotChange('本年')
-      break;
-  }
-}
-
-const handleDateChange = (val) => {
-  radio.value = '';
-  if (val[0] == timeSlotChange('天')[0] && val[1] == timeSlotChange('天')[1]) radio.value = 0;
-  if (val[0] == timeSlotChange('本月')[0] && val[1] == timeSlotChange('本月')[1]) radio.value = 1;
-  if (val[0] == timeSlotChange('本季度')[0] && val[1] == timeSlotChange('本季度')[1]) radio.value = 2;
-  if (val[0] == timeSlotChange('本年')[0] && val[1] == timeSlotChange('本年')[1]) radio.value = 3;
-};
-
-// 重置
-const handleRest = () => {
-  radio.value = 0;
-  dateRange.value = [timeValidate(), timeValidate()];
-  init();
-};
-
-// 计算百分比
-const calculatePercentage = (value) => {
-  if (!obj.xslyList || obj.xslyList.length === 0) return 0;
-  const total = obj.xslyList.reduce((sum, item) => sum + (item.value || 0), 0);
-  if (total === 0) return 0;
-  return Math.round((value / total) * 100);
-};
-
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import QbtjCount from './qbtjCount.vue'
+import YjCount from './yjCount.vue'
+import XxhjCount from './xxhjCount.vue'
+import QygktjCount from './qygktjCount.vue'
+import { ref } from "vue";
+const butList=ref(["情报统计分析","预警统计",'全域管控统计','信息汇聚统计'])
+const qh = ref('情报统计分析')
 
 </script>
-
 <style lang="scss" scoped>
-.statistical-analysis {
-  display: flex;
-  height: 100%;
-
-  .left-menu {
-    width: 350px;
-    padding: 20px;
-    margin-top: 20px;
-    border-radius: 4px;
-    background-color: #fff;
-    border-right: 1px solid #e8e8e8;
-  }
-
-  .right-content {
-    flex: 1;
-    padding: 20px;
-
-    .filter-section {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-      margin-bottom: 20px;
-      background: #fff;
-      padding: 10px;
-      box-sizing: border-box;
-      border-radius: 4px;
-    }
-
-    .charts-container {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      height: calc(100% - 50px);
-
-      .chart-item {
-        width: 49.5%;
-        height: calc(50% - 5px);
-        background-color: #fff;
-        border-radius: 8px;
-        padding: 20px;
-        box-sizing: border-box;
-        overflow: hidden;
-        overflow-y: auto;
-
-        .chart-title {
-          font-size: 16px;
-          font-weight: bold;
-          color: #333;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-        }
-
-        .chart {
-          height: calc(100% - 40px);
-          overflow: hidden;
-          overflow-y: auto;
-        }
-      }
-    }
-  }
-
-  ::v-deep .el-radio {
-    color: #333;
-  }
-
-  ::v-deep .el-radio__inner {
-    border-radius: 4px;
-  }
-
-  ::v-deep .el-progress-bar__innerText {
-    color: #333;
-    margin: 0 -40px;
-  }
-
-  ::v-deep .el-progress.is-exception .el-progress-bar__inner {
-    background: linear-gradient(90deg, #fe5d00 0%, #face35 100%);
-  }
+.countBox {
+  height: calc(100vh - 180px);
+  border-radius: 4px;
 }
 </style>
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qbtjCount.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qbtjCount.vue
new file mode 100644
index 0000000..be8da15
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qbtjCount.vue
@@ -0,0 +1,280 @@
+<template>
+  <div class="statistical-analysis">
+    <!-- 左侧树形菜单 -->
+    <div class="left-menu">
+      <!-- 这个部分用的是组件-后期替换 -->
+      <MOSTY.DepartmentTree width="310px" @change="init" placeholder="管理部门" clearable filterable :isBmId="false"
+        v-model="listQuery.ssbmdm" />
+    </div>
+
+    <!-- 右侧内容区 -->
+    <div class="right-content">
+      <!-- 顶部筛选 -->
+      <div class="filter-section">
+        <el-radio-group v-model="radio" @change="changeRadio">
+          <el-radio v-for="(it, idx) in timeList" :key="idx" :label="it.num">{{ it.label }}</el-radio>
+        </el-radio-group>
+        <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
+          end-placeholder="结束日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" @change="handleDateChange" />
+        <el-button type="primary" @click="init">查询</el-button>
+        <el-button type="primary" @click="handleRest">重置</el-button>
+      </div>
+
+      <!-- 统计图表区域 -->
+      <div class="charts-container">
+        <div class="chart-item">
+          <div class="chart-title">
+            <span>信息分组统计</span>
+            <!-- <el-button type="primary">导出统计表</el-button> -->
+          </div>
+          <div class="chart">
+            <PieEcharts echartsId="pieChart" color="#333" :data="obj.xsfzList" />
+          </div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">
+            <span>预警等级统计</span>
+            <!-- <el-button type="primary">导出统计表</el-button> -->
+          </div>
+          <div class="chart">
+            <!-- {{ obj.yjdjList }} -->
+            <DbarEcharts echartsId="bar3DChart" :data="obj.yjdjList" />
+          </div>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">
+            <span>线索来源统计</span>
+            <!-- <el-button type="primary">导出统计表</el-button> -->
+          </div>
+          <ul class="chart mt8">
+            <li v-for="(it, idx) in obj.xslyList" :key="idx" class="mb6">
+              <div style="color: #333">{{ it.label }}</div>
+              <el-progress :text-inside="true" :stroke-width="20" :percentage="calculatePercentage(it.value)"
+                status="exception">
+                <span><span style="color: #e37233">{{ it.value }}</span> 个</span>
+              </el-progress>
+            </li>
+          </ul>
+        </div>
+        <div class="chart-item">
+          <div class="chart-title">
+            <span>研判统计</span>
+            <!-- <el-button type="primary">导出统计表</el-button> -->
+          </div>
+            <DbarEcharts echartsId="bar3DCharts" :data="obj.ypList" />
+          <!-- <lineEcharts color="#333" echartsId="areaChart" :data="obj.ypList" /> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { timeValidate, timeSlotChange } from "@/utils/tools.js";
+import * as MOSTY from "@/components/MyComponents/index";
+import lineEcharts from "@/views/home/echarts/lineEcharts.vue";
+import PieEcharts from "@/views/home/echarts/pieEcharts.vue";
+import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
+import { qcckPost, qcckGet } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted } from "vue";
+
+const dateRange = ref([timeValidate(new Date(), 'ymd'), timeValidate(new Date(), 'ymd')]);// 日期范围
+const radio = ref(0); //当天
+const timeList = ref([
+  { label: "日", num: 0 },
+  { label: "月", num: 1 },
+  { label: "季", num: 2 },
+  { label: "年", num: 3 }
+]);
+const listQuery = ref({})
+const obj = reactive({
+  xsfzList: [],// 线索采集统计
+  xslyList: [],// 线索专题统计
+  ypList: {
+    list: [],//线索来源统计
+    topColor: '#1bd6c2',
+    colors: ["#28EEBF", "#0DBAC5"],
+  },
+  yjdjList: {
+    list: [],//线索来源统计
+    topColor: '#1bd6c2',
+    colors: ["#28EEBF", "#0DBAC5"],
+  }
+});
+
+onMounted(() => {
+  init() //初始化数据
+});
+
+
+const init = () => {
+  console.log(dateRange.value);
+  let data = {
+    ssbmdm: listQuery.value.ssbmdm,
+    startTime: dateRange.value[0]+' 00:00:00',
+    endTime: dateRange.value[1] + ' 23:59:59',
+  }
+  // 线索分组统计
+  qcckGet(data, '/mosty-gsxt/xxcj/xxfztj').then(res => {
+    let arr = res || [];
+    obj.xsfzList = arr.map(v => {
+      return { label: v.label, value: v.sl }
+    })
+  })
+  //研判统计
+  qcckGet(data, '/mosty-gsxt/ypbg/sjzl/yptj').then(res => {
+    let arr = res || [];
+    obj.ypList.list = arr.map(v => {
+      return { label: v.label, value: v.sl }
+    })
+  })
+  //线索来源统计
+  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByQbly').then(res => {
+    let arr = res || [];
+    obj.xslyList = arr.map(v => {
+      return { label: v.zdmc, value: v.count }
+    })
+  })
+  //预警等级
+  const yjdjList = [
+    { label: '红色预警', key: '01', count: 0 },
+    { label: '橙色预警', key: '02', count: 0 },
+    { label: '黄色预警', key: '03', count: 0 },
+    { label: '蓝色预警', key: '04', count: 0 },
+  ]
+  // 预警等级统计
+  qcckGet({ssbmdm:data.ssbmdm,kssj:data.startTime,jssj:data.endTime}, '/mosty-gsxt/tbYjxx/getYjxxTj').then(res => {
+    let arr = res || [];
+    obj.yjdjList.list = yjdjList.map(items => {
+const index= arr.findIndex(item=>item.yj_jb===items.key);
+   return {
+        label: items.label,
+        value:index==-1?0:arr[index].count
+      }
+    })
+  })
+}
+
+const changeRadio = (val) => {
+  switch (val) {
+    case 0: //日
+      dateRange.value = timeSlotChange('日')
+      // [timeValidate(), timeValidate()]
+      break;
+    case 1: //月
+      dateRange.value = timeSlotChange('本月')
+      break;
+    case 2: //季度
+      dateRange.value = timeSlotChange('本季度')
+      break;
+    case 3: //年
+      dateRange.value = timeSlotChange('本年')
+      break;
+  }
+}
+
+const handleDateChange = (val) => {
+  radio.value = '';
+  if (val[0] == timeSlotChange('天')[0] && val[1] == timeSlotChange('天')[1]) radio.value = 0;
+  if (val[0] == timeSlotChange('本月')[0] && val[1] == timeSlotChange('本月')[1]) radio.value = 1;
+  if (val[0] == timeSlotChange('本季度')[0] && val[1] == timeSlotChange('本季度')[1]) radio.value = 2;
+  if (val[0] == timeSlotChange('本年')[0] && val[1] == timeSlotChange('本年')[1]) radio.value = 3;
+};
+
+// 重置
+const handleRest = () => {
+  radio.value = 0;
+  dateRange.value = [timeValidate(), timeValidate()];
+  init();
+};
+
+// 计算百分比
+const calculatePercentage = (value) => {
+  if (!obj.xslyList || obj.xslyList.length === 0) return 0;
+  const total = obj.xslyList.reduce((sum, item) => sum + (item.value || 0), 0);
+  if (total === 0) return 0;
+  return Math.round((value / total) * 100);
+};
+
+
+</script>
+
+<style lang="scss" scoped>
+.statistical-analysis {
+  display: flex;
+  height: 100%;
+  .left-menu {
+    width: 350px;
+    padding: 20px;
+    border-radius: 4px;
+    background-color: #fff;
+    border-right: 1px solid #e8e8e8;
+  }
+
+  .right-content {
+    flex: 1;
+    padding: 0 20px 20px;
+    height: 100%;
+    .filter-section {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin-bottom: 20px;
+      background: #fff;
+      padding: 10px;
+      box-sizing: border-box;
+      border-radius: 4px;
+    }
+
+    .charts-container {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      height: calc(100% - 50px);
+
+      .chart-item {
+        width: 49.5%;
+        height: calc(50% - 5px);
+        background-color: #fff;
+        border-radius: 8px;
+        padding: 20px;
+        box-sizing: border-box;
+        overflow: hidden;
+        overflow-y: auto;
+
+        .chart-title {
+          font-size: 16px;
+          font-weight: bold;
+          color: #333;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        }
+
+        .chart {
+          height: calc(100% - 40px);
+          overflow: hidden;
+          overflow-y: auto;
+        }
+      }
+    }
+  }
+
+  ::v-deep .el-radio {
+    color: #333;
+  }
+
+  ::v-deep .el-radio__inner {
+    border-radius: 4px;
+  }
+
+  ::v-deep .el-progress-bar__innerText {
+    color: #333;
+    margin: 0 -40px;
+  }
+
+  ::v-deep .el-progress.is-exception .el-progress-bar__inner {
+    background: linear-gradient(90deg, #fe5d00 0%, #face35 100%);
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qygktjCount.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qygktjCount.vue
new file mode 100644
index 0000000..58cb0d7
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/qygktjCount.vue
@@ -0,0 +1,161 @@
+<template>
+    <div class="countBox">
+        <div ref="searchRef">
+            <HeadLayout @change="handleChange"  />
+        </div>
+        <ul class="cntBox" :style="{ height: boxHeight + 'px'}">
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">人员来源统计</div>
+                </div>
+                <div class="echratsBox">
+                    <DbarEcharts echartsId="bar35DChart" :key="ketcount" :data="obj.rylyList" />
+                </div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">管控状态统计</div>
+                </div>
+                <div class="echratsBox">
+                    <StatusCount :data="obj.gkztList" id="gkztCount" />
+                </div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">各类标签管控数量统计</div>
+                </div>
+                 <div class="echratsBox"><BqyjslCount :data="obj.bqgkslList"/></div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">各部门管控数量统计</div>
+                </div>
+                 <div class="echratsBox">
+                     <DbarEcharts echartsId="bardepDChart" :key="ketcount" :data="obj.gbmgkList" />
+                 </div>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script setup>
+import * as echarts from 'echarts'
+import HeadLayout from './components/headLayout.vue'
+import BqyjslCount from './components/bqyjslCount.vue'
+import StatusCount from './components/statusCount.vue'
+import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
+import { onMounted, reactive, ref } from "vue";
+const searchRef = ref() //筛选组件实例
+const boxHeight = ref() //盒子高度
+const formSearch = ref({}) //查询条件
+const ketcount = ref(0)
+const obj = reactive({
+    gkztList: [
+        { name: '失控', value: 85 ,color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [{ offset: 0, color: '#FF8DA7' },{ offset: 1, color: '#D66A8D' }])},
+        { name: '在控', value: 55 ,color: '#17C0AE'},
+    ],//管控状态统计
+    bqgkslList: [
+        { label: '涉兼爆炸等恐怖袭击人员', value: 100 },
+        { label: '全国涉稳重点人', value: 80 },
+        { label: '国保涉稳人员', value: 70 },
+        { label: '涉政涉恐涉稳重点人员', value: 60 },
+        { label: '区涉稳人员', value: 50 },
+    ],//各类标签预警数量统计
+    sevenList: [
+        { label:'涉恐',value:30 },
+        { label:'涉暴',value:20 },
+        { label:'涉恐暴',value:10 },
+        { label:'涉睡',value:30 },
+        { label:'涉睡暴',value:20 },
+        { label:'涉睡恐',value:10 },
+        { label:'涉睡恐暴',value:5 },
+    ],//7类重点人员预警统计
+    rylyList: {
+        list: [
+            { label:'基础库',value:50 },
+            { label:'重点库',value:40 },
+            { label:'关注库',value:10 },
+            { label:'重点群体',value:50 },
+            { label:'重点车辆',value:40 },
+        ],
+        topColor:'#17c8c3',
+        colors: ["#28EEBF","#0DBAC5"],
+    },//人员来源统计
+    gbmgkList: {
+        list: [
+            { label:'国家保',value:100 },
+            { label:'省保',value:80 },
+            { label:'市保',value:70 },
+            { label:'区保',value:60 },
+            { label:'其他保',value:50 },
+        ],
+        topColor:'#17c8c3',
+        colors: ["#28EEBF","#0DBAC5"],
+    },//各部门管控数量统计
+})
+
+onMounted(()=>{
+    tabHeightFn()
+})
+
+// 筛选
+const handleChange = (val) => {
+  formSearch.value = val
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  boxHeight.value = window.innerHeight - searchRef.value.offsetHeight - 200;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+</script>
+
+<style lang="scss" scoped>
+.countBox {
+  height: 100%;
+  border-radius: 4px;
+  .cntBox{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: space-between;
+    margin-top: 10px;
+    overflow: hidden;
+    .cnt-item{
+        width: 49.8%;
+        height: 49.5%;
+        background: #fff;
+        border-radius: 4px;
+        .common-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 5px 20px;
+            box-sizing: border-box;
+            .title {
+                font-size: 14px;
+                font-weight: 600;
+                color: #333;
+                position: relative;
+                &::after {
+                    content: '';
+                    position: absolute;
+                    left: 0;
+                    bottom: -1px;
+                    width: 80px;
+                    height: 4px;
+                    background: linear-gradient(to right, #409EFF, #ffffff);
+                }
+            }
+        }
+        .echratsBox{
+            height: calc(100% - 40px);
+            overflow: hidden;
+        }
+    }
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/xxhjCount.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/xxhjCount.vue
new file mode 100644
index 0000000..b434b56
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/xxhjCount.vue
@@ -0,0 +1,153 @@
+<template>
+    <div class="countBox">
+        <div ref="searchRef">
+            <HeadLayout @change="handleChange"  />
+        </div>
+        <ul class="cntBox" :style="{ height: boxHeight + 'px'}">
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">采用情况统计</div>
+                </div>
+                <div class="echratsBox">
+                    <StatusCount :data="obj.cyqkList" id="cyqkCount" />
+                </div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">分组统计</div>
+                </div>
+                <div class="echratsBox">
+                    <StatusCount :data="obj.fzList" id="fzCount" />
+                </div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">状态统计</div>
+                </div>
+                <div class="echratsBox">
+                    <StatusCount :data="obj.ztList" id="ztCount" />
+                </div>
+            </li>
+            <li class="cnt-item cnt-item-last">
+                <div class="common-title">
+                    <div class="title">各部门管控数量统计</div>
+                </div>
+                 <div class="echratsBox">
+                     <DbarEcharts echartsId="bardepDChart" :key="ketcount" :data="obj.bqList" />
+                 </div>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script setup>
+import * as echarts from 'echarts'
+import HeadLayout from './components/headLayout.vue'
+import StatusCount from './components/statusCount.vue'
+import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
+import { onMounted, reactive, ref } from "vue";
+const searchRef = ref() //筛选组件实例
+const boxHeight = ref() //盒子高度
+const formSearch = ref({}) //查询条件
+const ketcount = ref(0)
+const obj = reactive({
+    cyqkList: [
+        { name:'采纳',value:30,color:'#0dbac5' },
+        { name:'退回',value:20,color:'#ff7700' },
+    ],
+    fzList: [
+        { name:'内部',value:30,color:'#fdbc3a' },
+        { name:'共享',value:20,color:'#ff7700' },
+    ],
+    ztList: [
+        { name: '送审', value: 85 ,color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [{ offset: 0, color: '#FF8DA7' },{ offset: 1, color: '#D66A8D' }])},
+        { name: '转线索', value: 55 ,color: '#17C0AE'},
+    ],
+    bqList: {
+        list: [
+            { label:'肇事肇祸',value:100 },
+            { label:'涉稳人员',value:80 },
+            { label:'前科人员',value:70 },
+            { label:'肇事肇祸',value:100 },
+            { label:'涉稳人员',value:80 },
+            { label:'前科人员',value:70 },
+            { label:'肇事肇祸',value:100 },
+            { label:'涉稳人员',value:80 },
+            { label:'前科人员',value:70 },
+            { label:'肇事肇祸',value:100 },
+            { label:'涉稳人员',value:80 },
+            { label:'前科人员',value:70 },
+        ],
+        topColor:'#17c8c3',
+        colors: ["#28EEBF","#0DBAC5"],
+    },//各部门管控数量统计
+})
+
+onMounted(()=>{
+    tabHeightFn()
+})
+
+// 筛选
+const handleChange = (val) => {
+  formSearch.value = val
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  boxHeight.value = window.innerHeight - searchRef.value.offsetHeight - 200;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+</script>
+
+<style lang="scss" scoped>
+.countBox {
+  height: 100%;
+  border-radius: 4px;
+  .cntBox{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: space-between;
+    margin-top: 10px;
+    overflow: hidden;
+    .cnt-item{
+        width: 33%;
+        height: 49.5%;
+        background: #fff;
+        border-radius: 4px;
+        .common-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 5px 20px;
+            box-sizing: border-box;
+            .title {
+                font-size: 14px;
+                font-weight: 600;
+                color: #333;
+                position: relative;
+                &::after {
+                    content: '';
+                    position: absolute;
+                    left: 0;
+                    bottom: -1px;
+                    width: 80px;
+                    height: 4px;
+                    background: linear-gradient(to right, #409EFF, #ffffff);
+                }
+            }
+        }
+        .echratsBox{
+            height: calc(100% - 40px);
+            overflow: hidden;
+        }
+    }
+    .cnt-item-last{
+        width: 100%;
+    }
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/yjCount.vue b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/yjCount.vue
new file mode 100644
index 0000000..5929b32
--- /dev/null
+++ b/src/views/backOfficeSystem/ResearchJudgment/InformationFlows/ReportStatisticalAnalysis/yjCount.vue
@@ -0,0 +1,298 @@
+<template>
+    <div class="countBox">
+        <div ref="searchRef">
+            <HeadLayout @change="handleChange"  />
+        </div>
+        <ul class="countItem">
+            <li v-for="(item, index) in countList" :key="index" class="item">
+                <div class="left">
+                    <img :src="item.icon" alt="" class="icon-img">
+                </div>
+                <div class="center">
+                    <div class="label">{{ item.label }}</div>
+                    <div class="value">{{ item.value }}</div>
+                </div>
+                <div class="divider"></div>
+                <div class="right">
+                    <div class="stat-row">
+                        <span class="stat-label">环比</span>
+                        <span class="stat-val up">{{ item.hb }} <el-icon><CaretTop /></el-icon></span>
+                    </div>
+                    <div class="stat-row">
+                        <span class="stat-label">同比</span>
+                        <span class="stat-val down">{{ item.tb }} <el-icon><CaretBottom /></el-icon></span>
+                    </div>
+                </div>
+            </li>
+        </ul>
+        <ul class="cntBox" :style="{ height: boxHeight + 'px'}">
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">各部门预警数量统计</div>
+                    <div class="btn-group">
+                        <div class="btn" :class="{ active: activeTab === '县局' }" @click="activeTab = '县局'">县局</div>
+                        <div class="btn" :class="{ active: activeTab === '派出所' }" @click="activeTab = '派出所'">派出所</div>
+                    </div>
+                </div>
+                <div class="echratsBox">
+                    <DbarEcharts echartsId="bar3DChart" :key="ketcount" :data="obj.cnList" />
+                </div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">各类标签预警数量统计</div>
+                </div>
+                 <div class="echratsBox"><BqyjslCount :data="obj.bqyjslList" /></div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">7类重点人员预警统计</div>
+                </div>
+                <div class="echratsBox">
+                    <LineEcharts echartsId="seventTypeChart" color="#333333" :data="obj.sevenList" />
+                </div>
+            </li>
+            <li class="cnt-item">
+                <div class="common-title">
+                    <div class="title">处置状态统计</div>
+                </div>
+                 <div class="echratsBox"><CzztCount /></div>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script setup>
+import HeadLayout from './components/headLayout.vue'
+import BqyjslCount from './components/bqyjslCount.vue'
+import CzztCount from './components/czztCount.vue'
+import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
+import LineEcharts from "@/views/home/echarts/lineEcharts.vue";
+import { onMounted, reactive, ref } from "vue";
+import { CaretTop, CaretBottom } from '@element-plus/icons-vue'
+const searchRef = ref() //筛选组件实例
+const boxHeight = ref() //盒子高度
+const formSearch = ref({}) //查询条件
+const activeTab = ref('县局')
+const ketcount = ref(0)
+const countList = ref([
+    { label: '红色预警', value: '123,4', hb: '106,3', tb: '106,3', icon: require('@/assets/images/icon-red.png') },
+    { label: '橙色预警', value: '123,4', hb: '106,3', tb: '106,3', icon: require('@/assets/images/icon-orange.png') },
+    { label: '黄色预警', value: '123,4', hb: '106,3', tb: '106,3', icon: require('@/assets/images/icon-yellow.png') },
+    { label: '蓝色预警', value: '123,4', hb: '106,3', tb: '106,3', icon: require('@/assets/images/icon-blue.png') },
+])
+const obj = reactive({
+    bqyjslList: [
+        { label: '涉毒人员', value: 100 },
+        { label: '前科人员', value: 80 },
+        { label: '肇事肇祸', value: 70 },
+        { label: '涉稳人员', value: 60 },
+        { label: '涉稳人员', value: 50 },
+    ],//各类标签预警数量统计
+    sevenList: [
+        { label:'涉恐',value:30 },
+        { label:'涉暴',value:20 },
+        { label:'涉恐暴',value:10 },
+        { label:'涉睡',value:30 },
+        { label:'涉睡暴',value:20 },
+        { label:'涉睡恐',value:10 },
+        { label:'涉睡恐暴',value:5 },
+    ],//7类重点人员预警统计
+    cnList: {
+        list: [
+            { label:'工布江达县',value:50 },
+            { label:'米林市',value:40 },
+            { label:'墨脱县',value:10 },
+            { label:'波密县',value:50 },
+            { label:'察隅县',value:40 },
+            { label:'郎县',value:10 },
+            { label:'雅安分局',value:40 },
+        ],
+        topColor:'#17c8c3',
+        colors: ["#28EEBF","#0DBAC5"],
+    }
+})
+
+onMounted(()=>{
+    tabHeightFn()
+})
+
+// 筛选
+const handleChange = (val) => {
+  formSearch.value = val
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  boxHeight.value = window.innerHeight - searchRef.value.offsetHeight - 300;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+</script>
+
+<style lang="scss" scoped>
+.countBox {
+  height: 100%;
+  border-radius: 4px;
+  .countItem{
+    height: 100px;
+    background: transparent;
+    margin: 10px 0;
+    display: flex;
+    justify-content: space-between;
+    
+    .item {
+        width: 24.5%;
+        background: #fff;
+        border-radius: 4px;
+        display: flex;
+        align-items: center;
+        padding: 0 20px;
+        box-sizing: border-box;
+        box-shadow: 0 0 10px rgba(0,0,0,0.05);
+
+        .left {
+            margin-right: 15px;
+            .icon-img {
+                width: 48px;
+                height: 48px;
+                display: block;
+            }
+        }
+
+        .center {
+            flex: 1;
+            .label {
+                font-size: 14px;
+                color: #999;
+                margin-bottom: 5px;
+            }
+            .value {
+                font-size: 24px;
+                font-weight: bold;
+                color: #333;
+            }
+        }
+
+        .divider {
+            width: 1px;
+            height: 40px;
+            background: #eee;
+            margin: 0 20px;
+        }
+
+        .right {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            font-size: 12px;
+            
+            .stat-row {
+                display: flex;
+                align-items: center;
+                margin-bottom: 5px;
+                &:last-child {
+                    margin-bottom: 0;
+                }
+                
+                .stat-label {
+                    color: #999;
+                    margin-right: 10px;
+                }
+                
+                .stat-val {
+                    font-weight: bold;
+                    display: flex;
+                    align-items: center;
+                    
+                    &.up {
+                        color: #F56C6C;
+                    }
+                    &.down {
+                        color: #67C23A; // Green for down in Chinese stocks usually, but commonly Red is up/bad, Green is down/good or vice versa. Image shows Red Up, Green Down.
+                                         // Image: Top one (red arrow) is Red. Bottom one (green arrow) is Green.
+                                         // 106,3 Red Arrow Up. 
+                                         // 106,3 Green Arrow Down.
+                        color: #00CC99; // Using a teal/green color often used in designs. Or #67C23A (Element Success).
+                                        // Let's use #00C853 or similar.
+                    }
+                    
+                    .el-icon {
+                        margin-left: 2px;
+                    }
+                }
+            }
+        }
+    }
+  }
+  .cntBox{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: space-between;
+    margin-top: 10px;
+    overflow: hidden;
+    .cnt-item{
+        width: 49.8%;
+        height: 49.5%;
+        background: #fff;
+        border-radius: 4px;
+        .common-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 5px 20px;
+            box-sizing: border-box;
+            .title {
+                font-size: 14px;
+                font-weight: 600;
+                color: #333;
+                position: relative;
+                &::after {
+                    content: '';
+                    position: absolute;
+                    left: 0;
+                    bottom: -1px;
+                    width: 80px;
+                    height: 4px;
+                    background: linear-gradient(to right, #409EFF, #ffffff);
+                }
+            }
+
+            .btn-group {
+                display: flex;
+                gap: 10px;
+                .btn {
+                    padding: 3px 16px;
+                    border: 1px solid #dcdfe6;
+                    border-radius: 4px;
+                    font-size: 12px;
+                    cursor: pointer;
+                    color: #606266;
+                    transition: all 0.3s;
+                    user-select: none;
+
+                    &.active {
+                        background: #409EFF;
+                        color: #fff;
+                        border-color: #409EFF;
+                    }
+                    
+                    &:hover:not(.active) {
+                        color: #409EFF;
+                        border-color: #c6e2ff;
+                        background-color: #ecf5ff;
+                    }
+                }
+            }
+        }
+        .echratsBox{
+            height: calc(100% - 40px);
+            overflow: hidden;
+        }
+    }
+  }
+}
+</style>
diff --git a/src/views/home/echarts/3DbarEcharts.vue b/src/views/home/echarts/3DbarEcharts.vue
index 934ed3c..083486b 100644
--- a/src/views/home/echarts/3DbarEcharts.vue
+++ b/src/views/home/echarts/3DbarEcharts.vue
@@ -101,7 +101,6 @@ function chartFn() {
   
   // 安全获取标签数据
   const labels = props.data.list && Array.isArray(props.data.list) ? props.data.list.map(v => v.label) : [];
-  console.log(labels);
 
   const option = {
     grid: {
@@ -198,7 +197,7 @@ function chartFn() {
         symbolSize: [barWidth - 4, 10],
         itemStyle: {
           normal: {
-            color: colorArr[2]
+            color: props.data.topColor || colorArr[2]
           },
         },
         tooltip: {
diff --git a/src/views/home/echarts/lineEcharts.vue b/src/views/home/echarts/lineEcharts.vue
index fbd8719..bf69c94 100644
--- a/src/views/home/echarts/lineEcharts.vue
+++ b/src/views/home/echarts/lineEcharts.vue
@@ -41,8 +41,8 @@ function chartFn() {
     grid: {
       top: "8%",
       right: "2%",
-      left: "10%",
-      bottom: "12%",
+      left: "2%",
+      bottom: "8%",
       containLabel:true
     },
     tooltip: {