调度区县数接口调试完成，调度区县数详情接口调试完成，抽查人次接口调试完成，管控情况详情接口完成调试，

packages/screen/src/views/RiskWarning/Dialog/dispatchDetailDialog.vue

@@ -26,57 +26,47 @@
             :popper-append-to-body="false"
             class="filter-select"
             clearable
+            @change="fetchData"
           >
-            <el-option
+            <el-option v-for="item in regionOptions" :key="item.value" :label="item.label" :value="item.value" />
-              v-for="item in regionOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
           </el-select>
         </div>
-        <div class="filter-item">
+        <!-- <div class="filter-item">
           <span class="filter-label">类型</span>
-          <el-select
+          <el-select :teleported="false" v-model="filterForm.type" placeholder="请选择" class="filter-select" clearable @change="fetchData">
-            :teleported="false"
+            <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
-            v-model="filterForm.type"
-            placeholder="请选择"
-            class="filter-select"
-            clearable
-          >
-            <el-option
-              v-for="item in typeOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
           </el-select>
-        </div>
+        </div> -->
       </div>
     </template>
   </base-dialog>
 </template>
 
 <script setup>
-import { ref, computed, watch } from 'vue';
+import { ref, computed, watch } from 'vue'
-import { Close } from '@element-plus/icons-vue';
+import { Close } from '@element-plus/icons-vue'
-import { regionOptions, typeOptions } from '../component/index.js';
+import { regionOptions, typeOptions, formatDateTime } from '../component/index.js'
-import BaseDialog from '../component/baseDialog.vue';
+import BaseDialog from '../component/baseDialog.vue'
+import { request } from '@/utils/request'
 
 const props = defineProps({
   visible: {
     type: Boolean,
     default: false,
   },
-});
+  dispatchDateRange: {
+    type: Array,
+    default: () => [],
+  },
+})
 
-const emit = defineEmits(['update:visible', 'close']);
+const emit = defineEmits(['update:visible', 'close'])
 
 // 筛选表单
 const filterForm = ref({
   region: '',
   type: '',
-});
+})
 
 // 影响区域选项
 // 已从 index.js 导入
@@ -85,7 +75,7 @@ const filterForm = ref({
 // 已从 index.js 导入
 
 // 表格高度
-const tableHeight = ref(300);
+const tableHeight = ref(300)
 
 // 表格列配置
 const tableColumns = ref([
@@ -96,104 +86,137 @@ const tableColumns = ref([
   { prop: 'type', label: '类型', width: '120px' },
   { prop: 'role', label: '角色', width: '120px' },
   { prop: 'dispatchTime', label: '调度时间', width: '160px' },
-]);
+])
 
 // 表格数据
-const tableData = ref([
+const tableData = ref([])
-  {
-    id: 1,
-    district: '柏梓镇',
-    name: '赵海浪',
-    phone: '18623520681',
-    type: '交通主管部门',
-    role: '一般人员（路长履职）',
-    dispatchTime: '2025-08-11 04:53:42',
-  },
-  {
-    id: 2,
-    district: '柏梓镇',
-    name: '赵海浪',
-    phone: '18623520681',
-    type: '公路机构',
-    role: '一般人员（路长履职）',
-    dispatchTime: '2025-08-11 04:53:42',
-  },
-  {
-    id: 3,
-    district: '万州区',
-    name: '王鑫',
-    phone: '18623520682',
-    type: '养护站',
-    role: '站长',
-    dispatchTime: '2025-08-10 14:30:00',
-  },
-  {
-    id: 4,
-    district: '沙坪坝区',
-    name: '李华',
-    phone: '18623520683',
-    type: '护路员',
-    role: '一般人员',
-    dispatchTime: '2025-08-09 09:15:30',
-  },
-]);
 
 // 分页
-const currentPage = ref(1);
+const currentPage = ref(1)
-const pageSize = ref(10);
+const pageSize = ref(10)
-const total = ref(36);
+const total = ref(36)
 
-const totalPages = computed(() => Math.ceil(total.value / pageSize.value));
+const totalPages = computed(() => Math.ceil(total.value / pageSize.value))
 
 const visiblePages = computed(() => {
-  const pages = [];
+  const pages = []
-  const maxVisible = 5;
+  const maxVisible = 5
-  let start = Math.max(1, currentPage.value - Math.floor(maxVisible / 2));
+  let start = Math.max(1, currentPage.value - Math.floor(maxVisible / 2))
-  let end = Math.min(totalPages.value, start + maxVisible - 1);
+  let end = Math.min(totalPages.value, start + maxVisible - 1)
 
   if (end - start + 1 < maxVisible) {
-    start = Math.max(1, end - maxVisible + 1);
+    start = Math.max(1, end - maxVisible + 1)
   }
 
   for (let i = start; i <= end; i++) {
-    pages.push(i);
+    pages.push(i)
   }
-  return pages;
+  return pages
-});
+})
 
 // 关闭对话框
 const handleClose = () => {
-  emit('update:visible', false);
+  emit('update:visible', false)
-  emit('close');
+  emit('close')
-};
+}
 
 // 分页操作
-const handleSizeChange = val => {
+const handleSizeChange = (val) => {
-  pageSize.value = val;
+  pageSize.value = val
-  fetchData();
+  fetchData()
-};
+}
 
-const handleCurrentChange = val => {
+const handleCurrentChange = (val) => {
-  currentPage.value = val;
+  currentPage.value = val
-  fetchData();
+  fetchData()
-};
+}
 
 // 获取数据
-const fetchData = () => {
+const fetchData = async () => {
-  console.log('获取第', currentPage.value, '页数据');
+  try {
-  // 实际项目中调用API获取数据
+    const res = await request({
-};
+      url: '/snow-ops-platform/weather-warning/scheduling-county-record',
+      method: 'GET',
+      params: {
+        offset: (currentPage.value - 1) * pageSize.value,
+        limit: pageSize.value,
+        start: formatDateTime(props.dispatchDateRange?.[0]),
+        end: formatDateTime(props.dispatchDateRange?.[1]),
+        countyId: filterForm.value.region,
+      },
+    })
+
+    if (res.total > 0 && res.data) {
+      const data = res.data
+      tableData.value = data.map((item, index) => {
+        // 解析 command 字段中的 JSON 数据
+        let commandData = {}
+        try {
+          if (item.command) {
+            commandData = JSON.parse(item.command)
+          }
+        } catch (e) {
+          console.error('解析 command 字段失败:', e)
+        }
+
+        // 根据 type 映射类型和角色
+        const typeMap = {
+          'phone-based-confirmation': '电话确认',
+          'video-conference': '视频会议',
+          'scheduling-county': '调度区县',
+        }
+        const district = regionOptions.value.find((option) => option.value === item.countyId)?.label || '-'
+
+        return {
+          id: (currentPage.value - 1) * pageSize.value + index + 1,
+          district: district,
+          name: commandData.userName || '-',
+          phone: commandData.userPhone || '-',
+          type: commandData.type || '-',
+          role: commandData.role || '一般人员',
+          dispatchTime: item.createdAt || '-',
+        }
+      })
+      total.value = res.total
+    } else {
+      tableData.value = []
+      total.value = 0
+    }
+  } catch (error) {
+    console.error('获取调度区县详情数据失败:', error)
+  }
+}
 
 // 监听visible变化
 watch(
   () => props.visible,
-  newVal => {
+  (newVal) => {
     if (newVal) {
-      currentPage.value = 1;
+      filterForm.value.region = ''
-      fetchData();
+      filterForm.value.type = ''
+      tableData.value = []
+      total.value = 0
+      currentPage.value = 1
+      fetchData()
     }
+  },
+)
+
+// 监听dispatchDateRange变化
+watch(
+  () => props.dispatchDateRange,
+  () => {
+    if (props.visible) {
+      filterForm.value.region = ''
+      filterForm.value.type = ''
+      tableData.value = []
+      total.value = 0
+      currentPage.value = 1
+      fetchData()
     }
-);
+  },
+  { deep: true },
+)
 </script>
 
 <style lang="scss" scoped>

packages/screen/src/views/RiskWarning/Dialog/dispatchDistrictDialog.vue

@@ -18,19 +18,8 @@
       <div class="filter-row">
         <div class="filter-item">
           <span class="filter-label">影响区域</span>
-          <el-select
+          <el-select :teleported="false" v-model="filterForm.region" placeholder="请选择" class="filter-select" clearable @change="fetchData">
-            :teleported="false"
+            <el-option v-for="item in regionOptions" :key="item.value" :label="item.label" :value="item.value" />
-            v-model="filterForm.region"
-            placeholder="请选择"
-            class="filter-select"
-            clearable
-          >
-            <el-option
-              v-for="item in regionOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
           </el-select>
         </div>
       </div>
@@ -44,34 +33,47 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from 'vue';
+import { ref, computed, watch } from 'vue'
-import { Close } from '@element-plus/icons-vue';
+import { Close } from '@element-plus/icons-vue'
-import { regionOptions } from '../component/index.js';
+import { regionOptions, formatDateTime } from '../component/index.js'
-import BaseDialog from '../component/baseDialog.vue';
+import BaseDialog from '../component/baseDialog.vue'
+import { request } from '@/utils/request'
 
 const props = defineProps({
   visible: {
     type: Boolean,
     default: false,
   },
-});
+  dispatchDateRange: {
+    type: Array,
+    default: () => [],
+  },
+})
+watch(
+  () => props.dispatchDateRange,
+  (newVal) => {
+    console.log(newVal, '调度日期范围')
+
+    fetchData()
+  },
+)
 
 const emit = defineEmits({
-  'update:visible': value => typeof value === 'boolean',
+  'update:visible': (value) => typeof value === 'boolean',
   close: () => true,
-  dispatchClick: item => item !== undefined,
+  dispatchClick: (item) => item !== undefined,
-});
+})
 
 // 筛选表单
 const filterForm = ref({
   region: '',
-});
+})
 
 // 影响区域选项
 // 已从 index.js 导入
 
 // 表格高度
-const tableHeight = ref(300);
+const tableHeight = ref(300)
 
 // 表格列配置
 const tableColumns = ref([
@@ -79,99 +81,106 @@ const tableColumns = ref([
   { prop: 'region', label: '影响区域', width: '' },
   { prop: 'dispatchCount', label: '调度数', width: '', slot: 'dispatchCount' },
   { prop: 'lastDispatchTime', label: '最近调度时间', width: '' },
-]);
+])
 
 // 表格数据
-const tableData = ref([
+const tableData = ref([])
-  {
-    id: 1,
-    region: '重庆市',
-    dispatchCount: 1,
-    lastDispatchTime: '2025-08-11 04:53:42',
-  },
-  {
-    id: 2,
-    region: '万州区',
-    dispatchCount: 1,
-    lastDispatchTime: '2025-08-11 04:53:42',
-  },
-  {
-    id: 3,
-    region: '沙坪坝区',
-    dispatchCount: 3,
-    lastDispatchTime: '2025-08-10 16:20:15',
-  },
-  {
-    id: 4,
-    region: '渝中区',
-    dispatchCount: 2,
-    lastDispatchTime: '2025-08-09 11:45:30',
-  },
-]);
 
 // 分页
-const currentPage = ref(1);
+const currentPage = ref(1)
-const pageSize = ref(10);
+const pageSize = ref(10)
-const total = ref(36);
+const total = ref(36)
 
-const totalPages = computed(() => Math.ceil(total.value / pageSize.value));
+const totalPages = computed(() => Math.ceil(total.value / pageSize.value))
 
 const visiblePages = computed(() => {
-  const pages = [];
+  const pages = []
-  const maxVisible = 5;
+  const maxVisible = 5
-  let start = Math.max(1, currentPage.value - Math.floor(maxVisible / 2));
+  let start = Math.max(1, currentPage.value - Math.floor(maxVisible / 2))
-  let end = Math.min(totalPages.value, start + maxVisible - 1);
+  let end = Math.min(totalPages.value, start + maxVisible - 1)
 
   if (end - start + 1 < maxVisible) {
-    start = Math.max(1, end - maxVisible + 1);
+    start = Math.max(1, end - maxVisible + 1)
   }
 
   for (let i = start; i <= end; i++) {
-    pages.push(i);
+    pages.push(i)
   }
-  return pages;
+  return pages
-});
+})
 
 // 关闭对话框
 const handleClose = () => {
-  emit('update:visible', false);
+  emit('update:visible', false)
-  emit('close');
+  emit('close')
-};
+}
 
 // 点击调度数
-const handleDispatchClick = item => {
+const handleDispatchClick = (item) => {
-  emit('dispatchClick', item);
+  emit('dispatchClick', item)
-};
+}
 
 // 分页操作
-const handleSizeChange = val => {
+const handleSizeChange = (val) => {
-  pageSize.value = val;
+  pageSize.value = val
-  fetchData();
+  fetchData()
-};
+}
 
-const handleCurrentChange = val => {
+const handleCurrentChange = (val) => {
-  currentPage.value = val;
+  currentPage.value = val
-  fetchData();
+  fetchData()
-};
+}
+const handleFilterChange = () => {
+  currentPage.value = 1
+  fetchData()
+}
 
 // 获取数据
-const fetchData = () => {
+const fetchData = async () => {
-  console.log('获取第', currentPage.value, '页数据');
+  try {
-  // 实际项目中调用API获取数据
+    const res = await request({
-};
+      url: '/snow-ops-platform/weather-warning/scheduling-county',
+      method: 'GET',
+      params: {
+        start: formatDateTime(props.dispatchDateRange?.[0]),
+        end: formatDateTime(props.dispatchDateRange?.[1]),
+        countyId: filterForm.value.region,
+        offset: (currentPage.value - 1) * pageSize.value,
+        limit: pageSize.value,
+      },
+    })
+
+    if (res.total > 0 && res.data) {
+      const data = res.data
+      tableData.value = data.map((item, index) => {
+        const region = item.qxmc || regionOptions.value.find((option) => option.value === item.countyId)?.label || '-'
+        return {
+          id: (currentPage.value - 1) * pageSize.value + index + 1,
+          region: region,
+          dispatchCount: item.count || 0,
+          lastDispatchTime: item.lastTime || '-',
+        }
+      })
+      total.value = res.total
+    } else {
+      tableData.value = []
+      total.value = 0
+    }
+  } catch (error) {
+    console.error('获取调度区县数据失败:', error)
+  }
+}
 
 // 监听visible变化
 watch(
   () => props.visible,
-  newVal => {
+  (newVal) => {
-    if (newVal) {
+    currentPage.value = 1
-      currentPage.value = 1;
     // 重置筛选表单
-      filterForm.value.region = '';
+    filterForm.value.region = ''
-      fetchData();
+    fetchData()
-    }
+  },
-  }
+)
-);
 </script>
 
 <style lang="scss" scoped>

packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue

@@ -139,12 +139,7 @@
                   <span class="timeline-value highlight">{{ item.sceneDesc }}</span>
                 </div>
                 <div class="timeline-images" v-if="item.images && item.images.length > 0">
-                  <div
+                  <div v-for="(img, imgIndex) in item.images" :key="imgIndex" class="timeline-image" @click="previewImage(img)">
-                    v-for="(img, imgIndex) in item.images"
-                    :key="imgIndex"
-                    class="timeline-image"
-                    @click="previewImage(img)"
-                  >
                     <img :src="img" alt="现场图片" />
                   </div>
                 </div>
@@ -168,11 +163,11 @@
 </template>
 
 <script setup>
-import { ref, watch, onMounted } from 'vue';
+import { ref, watch, onMounted } from 'vue'
-import { Close } from '@element-plus/icons-vue';
+import { Close } from '@element-plus/icons-vue'
-import baseDialog from '../component/baseDialog.vue';
+import baseDialog from '../component/baseDialog.vue'
-import { request } from '@/utils/request';
+import { request } from '@/utils/request'
-import { formatDateTime } from '../component/index.js';
+import { formatDateTime } from '../component/index.js'
 
 const props = defineProps({
   visible: {
@@ -183,11 +178,11 @@ const props = defineProps({
     type: Object,
     default: () => ({}),
   },
-});
+})
 onMounted(() => {
-  console.log('props.eventData', props.eventData);
+  console.log('props.eventData', props.eventData)
-});
+})
-const emit = defineEmits(['update:visible', 'close']);
+const emit = defineEmits(['update:visible', 'close'])
 
 // 事件基本信息
 const eventInfo = ref({
@@ -201,55 +196,56 @@ const eventInfo = ref({
   roadPosition: '',
   stakeRange: '',
   discoverTime: '',
-});
+})
 
 // 填报动态信息
-const feedbackList = ref([]);
+const feedbackList = ref([])
 
 // 获取事件详情
 const fetchEventDetail = async () => {
   try {
-    const gl1SjId = props.eventData?.gl1SjId;
+    const gl1SjId = props.eventData?.gl1SjId
     if (!gl1SjId) {
-      console.warn('gl1SjId 不存在');
+      console.warn('gl1SjId 不存在')
-      return;
+      return
     }
 
     const res = await request({
-      url: '/snow-ops-platform/sm-event/detail-by-sjid',
+      // url: '/snow-ops-platform/sm-event/detail-by-sjid',
+      url: '/snow-ops-platform/sm-event/detail',
       method: 'GET',
       params: {
-        sjid: gl1SjId + '',
+        gl1SjId: gl1SjId + '',
-        // sjid: '00092c5f0c054c67b0ad00071dd94630',
+        // gl1SjId: '2fd1225c892a4e9396f006fe8ebaac53',
       },
-    });
+    })
 
     if (res && res.code === '00000') {
       // 映射事件基本信息 - 根据API文档字段映射
-      const data = res.data || {};
+      const data = res.data || {}
       eventInfo.value = {
         // eventType: 事件类型
-        eventType: data.eventType || '-',
+        eventType: data.gl1Sjlx || '-',
         // eventLevel: 事件等级 -> 路况类型
-        roadConditionType: data.eventLevel || '-',
+        roadConditionType: data.gl1Lklx || '-',
         // isBlocked: 根据eventDesc或其他字段判断是否阻断
         isBlocked: data.eventDesc?.includes('阻断') ? '是' : '否',
         // district: 所属区域 -> 上报区县
-        reportCounty: data.district || '-',
+        reportCounty: data.qxmc || '-',
         // detailAddress: 详细地址 -> 阻断点小地名
-        blockLocation: data.detailAddress || '-',
+        blockLocation: data.gl1Wz || '-',
         // eventNo: 事件编号 -> 线路编码
-        routeCode: data.eventNo || '-',
+        routeCode: data.gl1Lxbh || '-',
         // eventDesc: 事件描述 -> 处理措施
-        handleMeasure: data.eventDesc || '-',
+        handleMeasure: data.gl1Clcs || '-',
         // detailAddress: 详细地址 -> 路况位置
-        roadPosition: data.detailAddress || '-',
+        roadPosition: data.gl1Lxmc || '-',
-        // stakeRange 需要单独处理
+        // stakeRange 桩号范围
-        stakeRange: formatStakeRangeFromData(data),
+        stakeRange: data.gl1Qdzh + '-' + data.gl1Zdzh || '-',
         // occurTime: 发生时间 -> 发现时间
-        discoverTime: formatDateTime(data.occurTime) || '-',
+        discoverTime: data.gl1Fxsj || '-',
-      };
+      }
-      console.log('eventInfo', eventInfo.value);
+      console.log('eventInfo', eventInfo.value)
       // 映射填报动态信息 - 根据API文档字段映射
       if (data.handleList && Array.isArray(data.handleList)) {
         feedbackList.value = data.handleList.map((item, index) => ({
@@ -257,84 +253,84 @@ const fetchEventDetail = async () => {
           isFirst: index === 0,
           reportType: index === 0 ? '首报' : '续报',
           // disposeTime: 处置时间
-          reportTime: formatDateTime(item.disposeTime) || '-',
+          reportTime: formatDateTime(item.gl1Cjsj) || '-',
           // handleMeasure: 需要额外字段，暂用disposeDesc替代
-          handleMeasure: item.disposeDesc?.substring(0, 10) || '-',
+          handleMeasure: item.gl1Clcs || '-',
           // expectStartTime: 预计开始时间
-          estimatedRecoverTime: formatDateTime(item.expectStartTime) || '-',
+          estimatedRecoverTime: formatDateTime(item.gl1Yjhfsj) || '-',
           // actualStartTime: 实际开始时间
-          actualRecoverTime: formatDateTime(item.actualStartTime) || '-',
+          actualRecoverTime: formatDateTime(item.gl1Sjhfsj) || '-',
           // disposer: 处置人
-          reporter: item.disposer || '-',
+          reporter: item.gl1Lxrxm || '-',
           // contactPhone: 联系电话
-          contactPhone: item.contactPhone || '-',
+          contactPhone: item.gl1Lxdh || '-',
           // disposeDesc: 处置情况描述
-          sceneDesc: item.disposeDesc || '-',
+          sceneDesc: item.gl1Xcqkms || '-',
-        }));
+        }))
       } else {
-        feedbackList.value = [];
+        feedbackList.value = []
       }
     }
   } catch (error) {
-    console.error('获取事件详情失败:', error);
+    console.error('获取事件详情失败:', error)
+  }
 }
-};
 
 // 格式化路况位置
-const formatRoadPosition = data => {
+const formatRoadPosition = (data) => {
-  const parts = [];
+  const parts = []
-  if (data.gl1Qxmc) parts.push(data.gl1Qxmc);
+  if (data.gl1Qxmc) parts.push(data.gl1Qxmc)
-  if (data.gl1Zddxdm) parts.push(data.gl1Zddxdm);
+  if (data.gl1Zddxdm) parts.push(data.gl1Zddxdm)
-  if (data.gl1Lxbh) parts.push(data.gl1Lxbh);
+  if (data.gl1Lxbh) parts.push(data.gl1Lxbh)
-  return parts.length > 0 ? parts.join('') : '-';
+  return parts.length > 0 ? parts.join('') : '-'
-};
+}
 
 // 格式化桩号范围（旧版字段）
-const formatStakeRange = data => {
+const formatStakeRange = (data) => {
-  const start = data.gl1Qdzh || '';
+  const start = data.gl1Qdzh || ''
-  const end = data.gl1Zdzh || '';
+  const end = data.gl1Zdzh || ''
-  if (start && end) return `${start}-${end}`;
+  if (start && end) return `${start}-${end}`
-  if (start) return start;
+  if (start) return start
-  if (end) return end;
+  if (end) return end
-  return '-';
+  return '-'
-};
+}
 
 // 格式化桩号范围（API文档字段）- API文档中暂无桩号字段，从detailAddress中尝试解析或返回'-'
-const formatStakeRangeFromData = data => {
+const formatStakeRangeFromData = (data) => {
   // API文档中未提供桩号字段，暂从detailAddress解析或返回'-'
   // 如果后续API提供了桩号字段，可以在这里更新
-  return '-';
+  return '-'
-};
+}
 
 // 图片预览
-const previewVisible = ref(false);
+const previewVisible = ref(false)
-const previewImageUrl = ref('');
+const previewImageUrl = ref('')
 
-const previewImage = url => {
+const previewImage = (url) => {
-  previewImageUrl.value = url;
+  previewImageUrl.value = url
-  previewVisible.value = true;
+  previewVisible.value = true
-};
+}
 
 const closePreview = () => {
-  previewVisible.value = false;
+  previewVisible.value = false
-  previewImageUrl.value = '';
+  previewImageUrl.value = ''
-};
+}
 
 // 关闭对话框
 const handleClose = () => {
-  emit('update:visible', false);
+  emit('update:visible', false)
-  emit('close');
+  emit('close')
-};
+}
 
 // 监听eventData变化
 watch(
   () => props.visible,
-  newVal => {
+  (newVal) => {
     if (newVal) {
-      fetchEventDetail();
+      fetchEventDetail()
     }
-  }
+  },
-);
+)
 </script>
 
 <style lang="scss" scoped>

packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue

@@ -62,12 +62,7 @@
         </div>
 
         <!-- 图片预览组件 -->
-        <el-image-viewer
+        <el-image-viewer v-if="previewVisible" :url-list="hazardData.photos" :initial-index="previewIndex" @close="previewVisible = false" />
-          v-if="previewVisible"
-          :url-list="hazardData.photos"
-          :initial-index="previewIndex"
-          @close="previewVisible = false"
-        />
 
         <!-- 风险描述 -->
         <div class="info-block">
@@ -97,13 +92,13 @@
               <span class="responsibility-phone">{{ hazardData.trafficDept.phone }}</span>
               <span class="responsibility-frequency">{{ hazardData.trafficDept.frequency }}</span>
               <div class="action-btns">
-                <div class="action-btn" @click="handleVideo(hazardData.trafficDept)" title="视频">
+                <div class="action-btn" @click="handleVideo(hazardData.trafficDept, '交通主管部门责任人')" title="视频">
                   <el-icon><VideoCamera /></el-icon>
                 </div>
-                <div class="action-btn" @click="handleVoice(hazardData.trafficDept)" title="语音">
+                <div class="action-btn" @click="handleVoice(hazardData.trafficDept, '交通主管部门责任人')" title="语音">
                   <el-icon><Microphone /></el-icon>
                 </div>
-                <div class="action-btn" @click="handleCall(hazardData.trafficDept)" title="电话">
+                <div class="action-btn" @click="handleCall(hazardData.trafficDept, '交通主管部门责任人')" title="电话">
                   <el-icon><Phone /></el-icon>
                 </div>
               </div>
@@ -115,13 +110,13 @@
               <span class="responsibility-phone">{{ hazardData.roadOrg.phone }}</span>
               <span class="responsibility-frequency">{{ hazardData.roadOrg.frequency }}</span>
               <div class="action-btns">
-                <div class="action-btn" @click="handleVideo(hazardData.roadOrg)" title="视频">
+                <div class="action-btn" @click="handleVideo(hazardData.roadOrg, '公路机构责任人')" title="视频">
                   <el-icon><VideoCamera /></el-icon>
                 </div>
-                <div class="action-btn" @click="handleVoice(hazardData.roadOrg)" title="语音">
+                <div class="action-btn" @click="handleVoice(hazardData.roadOrg, '公路机构责任人')" title="语音">
                   <el-icon><Microphone /></el-icon>
                 </div>
-                <div class="action-btn" @click="handleCall(hazardData.roadOrg)" title="电话">
+                <div class="action-btn" @click="handleCall(hazardData.roadOrg, '公路机构责任人')" title="电话">
                   <el-icon><Phone /></el-icon>
                 </div>
               </div>
@@ -133,13 +128,13 @@
               <span class="responsibility-phone">{{ hazardData.maintenance.phone }}</span>
               <span class="responsibility-frequency">{{ hazardData.maintenance.frequency }}</span>
               <div class="action-btns">
-                <div class="action-btn" @click="handleVideo(hazardData.maintenance)" title="视频">
+                <div class="action-btn" @click="handleVideo(hazardData.maintenance, '养护站责任人')" title="视频">
                   <el-icon><VideoCamera /></el-icon>
                 </div>
-                <div class="action-btn" @click="handleVoice(hazardData.maintenance)" title="语音">
+                <div class="action-btn" @click="handleVoice(hazardData.maintenance, '养护站责任人')" title="语音">
                   <el-icon><Microphone /></el-icon>
                 </div>
-                <div class="action-btn" @click="handleCall(hazardData.maintenance)" title="电话">
+                <div class="action-btn" @click="handleCall(hazardData.maintenance, '养护站责任人')" title="电话">
                   <el-icon><Phone /></el-icon>
                 </div>
               </div>
@@ -156,13 +151,13 @@
             <span class="responsibility-name" style="width: 100px">{{ hazardData.roadKeeper.phone }}</span>
             <span class="responsibility-frequency">{{ hazardData.roadKeeper.frequency }}</span>
             <div class="action-btns">
-              <div class="action-btn" @click="handleVideo(hazardData.roadKeeper)" title="视频">
+              <div class="action-btn" @click="handleVideo(hazardData.roadKeeper, '护路员')" title="视频">
                 <el-icon><VideoCamera /></el-icon>
               </div>
-              <div class="action-btn" @click="handleVoice(hazardData.roadKeeper)" title="语音">
+              <div class="action-btn" @click="handleVoice(hazardData.roadKeeper, '护路员')" title="语音">
                 <el-icon><Microphone /></el-icon>
               </div>
-              <div class="action-btn" @click="handleCall(hazardData.roadKeeper)" title="电话">
+              <div class="action-btn" @click="handleCall(hazardData.roadKeeper, '护路员')" title="电话">
                 <el-icon><Phone /></el-icon>
               </div>
             </div>
@@ -332,11 +327,13 @@ const previewPhoto = (index) => {
 }
 
 // 视频通话
-const handleVideo = (item) => {
+const handleVideo = (item, type) => {
   console.log('视频通话:', item)
   let videoParams = {
     ...item,
     id: hazardData.value.id,
+    type: type,
+    role: getRolefn(type),
   }
   openVideoConference(videoParams)
   // emit('video', {
@@ -346,11 +343,13 @@ const handleVideo = (item) => {
 }
 
 // 语音通话
-const handleVoice = (item) => {
+const handleVoice = (item, type) => {
   console.log('语音通话:', item)
   let voiceParams = {
     ...item,
     id: hazardData.value.id,
+    type: type,
+    role: getRolefn(type),
   }
   openVoiceConference(voiceParams)
   // emit('voice', {
@@ -360,14 +359,28 @@ const handleVoice = (item) => {
 }
 
 // 拨打电话
-const handleCall = (item) => {
+const handleCall = (item, type) => {
   console.log('拨打电话:', item)
   emit('call', {
     ...item,
     id: hazardData.value.id,
+    type: type,
+    role: getRolefn(type),
   })
 }
-
+const getRolefn = (item) => {
+  if (item == '交通主管部门责任人') {
+    return '责任人'
+  } else if (item == '公路机构责任人') {
+    return '责任人'
+  } else if (item == '养护站责任人') {
+    return '站长'
+  } else if (item == '护路员') {
+    return '一般人员'
+  } else {
+    return '-'
+  }
+}
 // 监听visible变化
 watch(
   () => props.visible,

packages/screen/src/views/RiskWarning/Dialog/imageInspectionDialog.vue

@@ -26,12 +26,7 @@
             clearable
             @change="handleFilterChange"
           >
-            <el-option
+            <el-option v-for="item in regionOptions" :key="item.value" :label="item.label" :value="item.value" />
-              v-for="item in districtOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
           </el-select>
         </div>
       </div>
@@ -40,56 +35,32 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue';
+import { ref, watch, inject } from 'vue'
-import BaseDialog from '../component/baseDialog.vue';
+import BaseDialog from '../component/baseDialog.vue'
-import { request } from '@/utils/request';
+import { request } from '@/utils/request'
+import { formatDateTime, regionOptions } from '../component/index'
+// 注入日期范围
+const getdateRange = inject('getdateRange', ref([]))
 
 const props = defineProps({
   visible: {
     type: Boolean,
     default: false,
   },
-});
+  dispatchDateRange: {
+    type: Array,
+    default: () => [],
+  },
+})
 
-const emit = defineEmits(['update:visible', 'close']);
+const emit = defineEmits(['update:visible', 'close'])
 
 // 筛选表单
 const filterForm = ref({
   district: '',
-});
+})
-
-// 区县选项
-const districtOptions = ref([
-  { label: '万州区', value: 'wanzhou' },
-  { label: '黔江区', value: 'qianjiang' },
-  { label: '涪陵区', value: 'fuling' },
-  { label: '渝中区', value: 'yuzhong' },
-  { label: '大渡口区', value: 'dadukou' },
-  { label: '江北区', value: 'jiangbei' },
-  { label: '沙坪坝区', value: 'shapingba' },
-  { label: '九龙坡区', value: 'jiulongpo' },
-  { label: '南岸区', value: 'nanan' },
-  { label: '北碚区', value: 'beibei' },
-  { label: '渝北区', value: 'yubei' },
-  { label: '巴南区', value: 'banan' },
-  { label: '长寿区', value: 'changshou' },
-  { label: '江津区', value: 'jiangjin' },
-  { label: '合川区', value: 'hechuan' },
-  { label: '永川区', value: 'yongchuan' },
-  { label: '南川区', value: 'nanchuan' },
-  { label: '綦江区', value: 'qijiang' },
-  { label: '大足区', value: 'dazu' },
-  { label: '璧山区', value: 'bishan' },
-  { label: '铜梁区', value: 'tongliang' },
-  { label: '潼南区', value: 'tongnan' },
-  { label: '荣昌区', value: 'rongchang' },
-  { label: '开州区', value: 'kaizhou' },
-  { label: '梁平区', value: 'liangping' },
-  { label: '武隆区', value: 'wulong' },
-]);
-
 // 表格高度
-const tableHeight = ref(300);
+const tableHeight = ref(300)
 
 // 表格列配置 - 不设置宽度，由数据自动控制
 const tableColumns = ref([
@@ -98,80 +69,97 @@ const tableColumns = ref([
   { prop: 'inspectTime', label: '抽查时间' },
   { prop: 'inspectedPerson', label: '被抽查人' },
   { prop: 'contactPhone', label: '联系电话' },
-]);
+])
 
 // 表格数据
-const tableData = ref([]);
+const tableData = ref([])
 
 // 分页
-const currentPage = ref(1);
+const currentPage = ref(1)
-const pageSize = ref(10);
+const pageSize = ref(10)
-const total = ref(0);
+const total = ref(0)
 
 // 关闭对话框
 const handleClose = () => {
-  emit('update:visible', false);
+  emit('update:visible', false)
-  emit('close');
+  emit('close')
-};
+}
 
 // 分页操作
-const handleSizeChange = val => {
+const handleSizeChange = (val) => {
-  pageSize.value = val;
+  pageSize.value = val
-  fetchData();
+  fetchData()
-};
+}
 
-const handleCurrentChange = val => {
+const handleCurrentChange = (val) => {
-  currentPage.value = val;
+  currentPage.value = val
-  fetchData();
+  fetchData()
-};
+}
 
 // 筛选条件改变时触发
 const handleFilterChange = () => {
-  currentPage.value = 1;
+  currentPage.value = 1
-  fetchData();
+  fetchData()
-};
+}
 
 // 获取数据
 const fetchData = async () => {
   try {
     const res = await request({
-      url: '/snow-ops-platform/inspection/personnel-list',
+      url: '/snow-ops-platform/weather-warning/spot-check',
       method: 'GET',
       params: {
-        pageNum: currentPage.value,
+        offset: (currentPage.value - 1) * pageSize.value,
-        pageSize: pageSize.value,
+        limit: pageSize.value,
-        districtCode: filterForm.value.district,
+        start: formatDateTime(props.dispatchDateRange?.[0]),
+        end: formatDateTime(props.dispatchDateRange?.[1]),
+        countyId: filterForm.value.district,
       },
-    });
+    })
+    console.log(res, '抽查人次数据')
+
+    if (res.total > 0 && res.data) {
+      const data = res.data
+      tableData.value = data.map((item, index) => {
+        // 解析 command 字段中的 JSON 数据
+        let commandData = {}
+        try {
+          if (item.command) {
+            commandData = JSON.parse(item.command)
+          }
+        } catch (e) {
+          console.error('解析 command 字段失败:', e)
+        }
+        const district = regionOptions.value.find((option) => option.value === item.countyId)?.label || '-'
 
-    if (res.code === '00000' && res.data) {
-      const data = res.data;
-      tableData.value = data.records.map((item, index) => {
         return {
           id: currentPage.value * pageSize.value - (pageSize.value - index - 1),
-          district: item.districtName || '-',
+          district: district,
-          inspectTime: item.inspectTime || '-',
+          inspectTime: formatDateTime(item.createdAt) || '-',
-          inspectedPerson: item.inspectedPerson || '-',
+          inspectedPerson: commandData.userName || '-',
-          contactPhone: item.contactPhone || '-',
+          contactPhone: commandData.userPhone || '-',
-        };
+        }
-      });
+      })
-      total.value = data.total;
+      total.value = data.total
+    } else {
+      tableData.value = []
+      total.value = 0
     }
   } catch (error) {
-    console.error('获取抽查人次数据失败:', error);
+    console.error('获取抽查人次数据失败:', error)
+  }
 }
-};
 
 // 监听visible变化
 watch(
   () => props.visible,
-  newVal => {
+  (newVal) => {
     if (newVal) {
-      currentPage.value = 1;
+      currentPage.value = 1
-      fetchData();
+      fetchData()
     }
-  }
+  },
-);
+)
 </script>
 
 <style lang="scss" scoped>

packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue

@@ -332,7 +332,7 @@ const impactData = ref([
   { name: '影响桥梁', count: 0, icon: Icon0, type: '桥梁' },
   { name: '影响隧道', count: 0, icon: Icon2, type: '隧道' },
   { name: '影响边坡', count: 0, icon: Icon1, type: '边坡' },
-  { name: '影响项目', count: 0, icon: Icon3, type: '驻地' },
+  { name: '影响驻地', count: 0, icon: Icon3, type: '驻地' },
 ])
 // 顶部卡片数据
 const loadBarChartData = async () => {
@@ -396,11 +396,6 @@ const getColumnsByType = (type) => {
     边坡: roadColumns,
     驻地: projectColumns,
   }
-  //   { name: '影响路段', count: 0, icon: Icon4, type: '路段' },
-  // { name: '影响桥梁', count: 0, icon: Icon0, type: '桥梁' },
-  // { name: '影响隧道', count: 0, icon: Icon2, type: '隧道' },
-  // { name: '影响边坡', count: 0, icon: Icon1, type: '边坡' },
-  // { name: '影响项目', count: 0, icon: Icon3, type: '驻地' },
   return typeMap[type] || bridgeColumns
 }
 

packages/screen/src/views/RiskWarning/Dialog/patrolMileageDialog.vue

@@ -84,13 +84,11 @@ const props = defineProps({
 const emit = defineEmits(['update:visible', 'close'])
 
 // 统计数值
-const nationalRoadMileage = ref(345)
-const ruralRoadMileage = ref(4333)
 
 // 里程数据
 const mileageData = ref([
-  { name: '国省道', value: 345, icon: IconNational, type: 'national' },
+  { name: '国省道', value: 0, icon: IconNational, type: 'national' },
-  { name: '农村公路', value: 4333, icon: IconRuralRoad, type: 'rural' },
+  { name: '农村公路', value: 0, icon: IconRuralRoad, type: 'rural' },
 ])
 
 // 当前选中卡片类型
@@ -183,7 +181,36 @@ const fetchData = async () => {
     console.error('获取巡查里程列表数据失败:', error)
   }
 }
-
+// 获取巡查统计数据
+const getInspectionStats = async () => {
+  try {
+    let params = {
+      start: '',
+      end: '',
+    }
+    if (props.getdateRange && props.getdateRange.length === 2) {
+      params.start = formatDateTime(props.getdateRange[0])
+      params.end = formatDateTime(props.getdateRange[1])
+    }
+    const res = await request({
+      url: '/snow-ops-platform/yhWgxc/weather-warning/inspection-stats',
+      method: 'GET',
+      params: params,
+    })
+    console.log('巡查统计数据:', res)
+    if (res.code == '00000' && res.data) {
+      const data = res.data
+      // 更新巡查公路里程
+      mileageData.value[0].value = data.nationalProvincialRoadMileage || '0'
+      mileageData.value[1].value = data.ruralRoadMileage || '0'
+    } else {
+      mileageData.value[0].value = '0'
+      mileageData.value[1].value = '0'
+    }
+  } catch (error) {
+    console.error('获取巡查统计数据失败:', error)
+  }
+}
 // 监听visible变化
 watch(
   () => props.visible,
@@ -193,6 +220,7 @@ watch(
     currentPage.value = 1
     // fetchStatsData()
     fetchData()
+    getInspectionStats()
   },
 )
 </script>

packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue

@@ -43,13 +43,27 @@
       <div class="filter-row">
         <div class="filter-item">
           <span class="filter-label">影响点等级</span>
-          <el-select :teleported="false" v-model="filterForm.pointLevel" placeholder="影响点等级" class="filter-select">
+          <el-select
+            :teleported="false"
+            v-model="filterForm.pointLevel"
+            placeholder="影响点等级"
+            clearable
+            class="filter-select"
+            @change="handleFilterChange"
+          >
             <el-option v-for="option in pointLevelOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
         <div class="filter-item">
           <span class="filter-label">是否回应</span>
-          <el-select :teleported="false" v-model="filterForm.isResponded" placeholder="是否回应" class="filter-select">
+          <el-select
+            :teleported="false"
+            v-model="filterForm.isResponded"
+            placeholder="是否回应"
+            clearable
+            class="filter-select"
+            @change="handleFilterChange"
+          >
             <el-option v-for="option in isRespondedOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
@@ -286,7 +300,9 @@ const fetchData = async () => {
       end: '',
       offset: (currentPage.value - 1) * pageSize.value,
       limit: pageSize.value,
-      warningId: props.responseStatusData.warningId,
+      warningId: props.responseStatusData.warningId || '',
+      riskLevel: filterForm.value.pointLevel || '',
+      isResponded: filterForm.value.isResponded,
     }
     if (props.dispatchDateRange && props.dispatchDateRange.length > 0) {
       params.start = formatDateTime(props.dispatchDateRange[0]) || ''
@@ -386,6 +402,14 @@ const handleSearch = () => {
   fetchData()
   loadBarChartData()
 }
+const handleFilterChange = () => {
+  console.log(filterForm.value)
+
+  filterForm.value.pointLevel = filterForm.value.pointLevel || ''
+  filterForm.value.isResponded = filterForm.value.isResponded
+  currentPage.value = 1
+  fetchData()
+}
 
 // 监听visible变化
 watch(

packages/screen/src/views/RiskWarning/Dialog/warningInfoDialog.vue

@@ -248,10 +248,16 @@ const getLevelClass = (riskLevel) => {
 watch(
   () => props.visible,
   (newVal) => {
-    if (newVal) {
     currentPage.value = 1
+    filterForm.value.warningLevel = ''
+    filterForm.value.region = ''
+    filterForm.value.isEnded = ''
+    filterForm.value.isResponded = ''
+    filterForm.value.district = ''
+    filterForm.value.countyId = ''
+    tableData.value = []
+    total.value = 0
     fetchData()
-    }
   },
 )
 
@@ -261,6 +267,14 @@ watch(
   () => {
     if (props.visible) {
       currentPage.value = 1
+      filterForm.value.warningLevel = ''
+      filterForm.value.region = ''
+      filterForm.value.isEnded = ''
+      filterForm.value.isResponded = ''
+      filterForm.value.district = ''
+      filterForm.value.countyId = ''
+      tableData.value = []
+      total.value = 0
       fetchData()
     }
   },

packages/screen/src/views/RiskWarning/component/ChongqingMap.vue

@@ -2078,7 +2078,7 @@ defineExpose({
   // }
 
   .center-info-card {
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+    // box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
     cursor: pointer;
     transition: all 0.3s;
 

packages/screen/src/views/RiskWarning/component/index.js

@@ -201,7 +201,6 @@ export const logUserOperation = (type, command) => {
   }
 }
 
-
 // 打开视频会议
 export const openVideoConference = async (item) => {
   console.log('打开视频会议:', item)
@@ -229,6 +228,8 @@ export const openVideoConference = async (item) => {
         userName: item.name,
         userPhone: item.phone,
         id: item.id,
+        type: item.type,
+        role: item.role,
         userId: userId,
         text: '打开视频会议',
       }
@@ -270,6 +271,8 @@ export const openVoiceConference = async (item) => {
         userName: item.name,
         userPhone: item.phone,
         id: item.id,
+        role: item.role,
+        type: item.type,
         userId: userId,
         text: '打开语音通话',
       }
@@ -297,6 +300,8 @@ export const opencallConference = async (item) => {
     userName: item.name,
     userPhone: item.phone,
     id: item.id,
+    role: item.role,
+    type: item.type,
     userId: '',
     text: '拨打电话',
   }

packages/screen/src/views/RiskWarning/index.vue

@@ -199,10 +199,15 @@
       <controlSituationDialog v-model:visible="dialogVisible.controlSituation" @close="closeDialog('controlSituation')" />
 
       <!-- 调度详情对话框 -->
-      <dispatchDetailDialog v-model:visible="dialogVisible.dispatchDetail" @close="closeDialog('dispatchDetail')" />
+      <dispatchDetailDialog
+        :dispatchDateRange="dispatchDateRange"
+        v-model:visible="dialogVisible.dispatchDetail"
+        @close="closeDialog('dispatchDetail')"
+      />
 
       <!-- 调度区县情况对话框 -->
       <dispatchDistrictDialog
+        :dispatchDateRange="dispatchDateRange"
         v-model:visible="dialogVisible.dispatchDistrict"
         @close="closeDialog('dispatchDistrict')"
         @dispatchClick="openDialog('dispatchDetail')"
@@ -240,7 +245,11 @@
       <offlineHelpDialog v-model:visible="dialogVisible.offlineHelp" @close="closeDialog('offlineHelp')" />
 
       <!-- 抽查人次对话框 -->
-      <imageInspectionDialog v-model:visible="dialogVisible.imageInspection" @close="closeDialog('imageInspection')" />
+      <imageInspectionDialog
+        v-model:visible="dialogVisible.imageInspection"
+        :dispatchDateRange="dispatchDateRange"
+        @close="closeDialog('imageInspection')"
+      />
 
       <!-- 巡查里程对话框 -->
       <patrolMileageDialog v-model:visible="dialogVisible.patrolMileage" :getdateRange="getdateRange" @close="closeDialog('patrolMileage')" />
@@ -574,15 +583,15 @@ const allCountyData = ref({})
 const handleDistrictClick = (item) => {
   console.log('区县点击:', item)
   allCountyData.value = item
-  if (item.data.roadType == 'national') {
+  // if (item.data.roadType == 'national') {
-    // 国省道
+  //   // 国省道
-    openDialog('tongnanTeam')
+  //   openDialog('tongnanTeam')
-  } else if (item.data.roadType == 'rural') {
+  // } else if (item.data.roadType == 'rural') {
-    openDialog('responseSituation')
+  //   openDialog('responseSituation')
-  } else if (item.data.type == 'project' && item.data.roadType == '-') {
+  // } else if (item.data.type == 'project' && item.data.roadType == '-') {
-    // 驻地
+  //   // 驻地
-    openDialog('tongnanResponsible')
+  //   openDialog('tongnanResponsible')
-  }
+  // }
 }
 
 // 处理中心卡片点击

packages/screen/src/views/RiskWarning/left.vue

@@ -200,11 +200,13 @@ const handleStatClick = (item) => {
     emit('openResponseStatus')
     emit('dispatchDateRange', dateRange.value)
   } else if (item.label === '调度区县数') {
+    emit('dispatchDateRange', dateRange.value)
     emit('openDispatchDistrict')
   } else if (item.label === '线下帮扶数') {
     emit('openOfflineHelp')
   } else if (item.label === '抽查人次') {
     emit('openImageInspection')
+    emit('dispatchDateRange', dateRange.value)
   }
 }