From 37eef06a3b1aea2a955da21cf521451669218caf Mon Sep 17 00:00:00 2001
From: guanj <guan0550>
Date: Tue, 30 Jun 2026 08:36:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=8E=B0=E5=9C=BA=E5=8F=8D?=
 =?UTF-8?q?=E9=A6=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                             |   1 -
 src/api/statistics/index.ts                 |   3 +-
 src/components/datePicker/index.vue         |  18 +-
 src/views/VoltageSag_BJ/components/send.vue | 270 ++++++++++++++------
 4 files changed, 203 insertions(+), 89 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index fb9d92d..1af1c7a 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -35,7 +35,6 @@ declare module '@vue/runtime-core' {
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
diff --git a/src/api/statistics/index.ts b/src/api/statistics/index.ts
index 21ffd03..cf75f8d 100644
--- a/src/api/statistics/index.ts
+++ b/src/api/statistics/index.ts
@@ -215,7 +215,8 @@ export function eventPage(data: object) {
 // 获取短信模版
 export function messageGenerate(data: object) {
   return service({
-    url: "/accept/messageGenerate",
+    // url: "/accept/messageGenerate",
+    url: "/accept/messageGenerateByIds",
     method: "post",
     params: data,
   });
diff --git a/src/components/datePicker/index.vue b/src/components/datePicker/index.vue
index 37c0553..6a68b42 100644
--- a/src/components/datePicker/index.vue
+++ b/src/components/datePicker/index.vue
@@ -61,6 +61,7 @@ interface Props {
   theCurrentTime?: boolean;
   setWatch?: boolean;
   showTime?: boolean;
+  defaultInterval?: number;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -68,6 +69,7 @@ const props = withDefaults(defineProps<Props>(), {
   theCurrentTime: true,
   setWatch: true,
   showTime: false,
+  defaultInterval: 3,
 });
 
 const START_TIME_SUFFIX = " 00:00:00";
@@ -92,7 +94,7 @@ const setRangeValue = (start: string, end: string) => {
   timeValue.value = formatRangeValue(start, end);
 };
 
-const interval = ref(3);
+const interval = ref(props.defaultInterval);
 const timeFlag = ref(1);
 const count = ref(0);
 const disabledPicker = ref(true);
@@ -139,7 +141,8 @@ const isFutureDate = (time: any) => {
   return time && time > Date.now();
 };
 onMounted(() => {
-  timeChange(3);
+  interval.value = props.defaultInterval;
+  timeChange(props.defaultInterval);
 });
 // 选择时间范围
 const timeChange = (e: number) => {
@@ -565,6 +568,16 @@ const setTheDate = (value: any) => {
   timeChange(value);
 };
 
+const applyCustomRange = (start: string, end: string) => {
+  interval.value = 5;
+  disabledPicker.value = false;
+  backDisabled.value = true;
+  preDisabled.value = props.nextFlag ? false : true;
+  count.value = 0;
+  timeFlag.value = 1;
+  setRangeValue(start, end);
+};
+
 // 获取时间范围的同比
 function getYearOnYear(startDate: string, endDate: string): [string, string] {
   const startYearAgo = new Date(startDate);
@@ -612,6 +625,7 @@ defineExpose({
   timeFlag,
   setTimeOptions,
   setTheDate,
+  applyCustomRange,
   getYearOnYear,
   getMonthOnMonth,
   timeChange,
diff --git a/src/views/VoltageSag_BJ/components/send.vue b/src/views/VoltageSag_BJ/components/send.vue
index 8638846..dec16c5 100644
--- a/src/views/VoltageSag_BJ/components/send.vue
+++ b/src/views/VoltageSag_BJ/components/send.vue
@@ -1,9 +1,9 @@
 <template>
-    <el-dialog :close-on-click-modal="false" draggable v-model="machineVisible" :title="title" width="1200px"
-        :before-close="handleClose">
+    <el-dialog :close-on-click-modal="false" draggable v-model="machineVisible" :title="title" width="1300px"
+        :before-close="handleClose" @opened="handleDialogOpened">
         <el-form inline="true" class="formLeft">
             <el-form-item>
-                <datePicker :setWatch="false" :showTime="true" ref="datePickerRef" style="width: 560px" />
+                <datePicker :setWatch="false" :showTime="true" ref="datePickerRef" :defaultInterval="5" style="width: 560px" />
             </el-form-item>
 
             <el-form-item label="关键字筛选" style="margin-right: 10px">
@@ -35,6 +35,13 @@
                                     :key="item.value"></el-option>
                             </el-select>
                         </el-form-item>
+                        <el-form-item label="过滤敏感用户">
+                            <el-select clearable size="small" :teleported="false" v-model="eventForm.fiterSensitiveUser"
+                                placeholder="请选择过滤敏感用户" style="width: 150px">
+                                <el-option label="是" value="1"></el-option>
+                                <el-option label="否" value="0"></el-option>
+                            </el-select>
+                        </el-form-item>
                         <el-form-item label="残余电压百分比">
                             <el-input-number v-model="eventForm.eventValueMin" :min="0" style="width: 150px"
                                 size="small" :max="100" :precision="1" :step="1"
@@ -71,20 +78,19 @@
             <el-form-item style="margin-right: 0;">
                 <el-button size="small" :icon="Search" type="primary" @click="inquire(true)">查询</el-button>
                 <el-button size="small" type="warn" :icon="RefreshLeft" @click="clearInit()">重置</el-button>
+                <el-button size="small" type="primary" :icon="Comment" @click="getMessage"
+                    :loading="templateLoading">生成短信</el-button>
                 <el-button type="primary" :icon="Download" @click="exportTable" size="small" :loading="exportLoading">导出
                 </el-button>
             </el-form-item>
         </el-form>
 
         <div class="tableBox" v-loading="loading" element-loading-background="#343849c7">
-            <el-table :scrollbar-always-on="true" :data="tableData" height="300px" size="small" stripe
-                highlight-current-row :header-cell-style="{ textAlign: 'center' }" border @row-click="handleRowClick">
-                <el-table-column align="center" width="50">
-                    <template #default="scope">
-                        <el-radio v-model="selectedRowId" :label="scope.row.eventdetail_index"
-                            @change="handleRowSelect(scope.row)" @click.stop>&nbsp;</el-radio>
-                    </template>
-                </el-table-column>
+            <el-table ref="tableRef" :scrollbar-always-on="true" :data="tableData" height="280px" size="small" stripe
+                row-key="eventdetail_index" highlight-current-row :header-cell-style="{ textAlign: 'center' }" border
+                @row-click="handleRowClick" @selection-change="handleSelectionChange">
+                <el-table-column type="selection" align="center" :selectable="selectable" reserve-selection
+                    width="55" />
                 <el-table-column label="序号" align="center" width="60">
                     <template #default="scope">
                         {{ (pageNum - 1) * pageSize + scope.$index + 1 }}
@@ -130,20 +136,29 @@
                 @current-change="onTableCurrentChange"></el-pagination>
         </div>
         <el-divider />
-        <div class="sendBox" style="min-height: 37px;">
-            <div>发送用户：</div>
-            <div style="flex: 1;">
-                <el-tag v-for="(item, index) in messageList.pqsUsers" :key="index" class="mr5 mb10">
-                    {{ item.name }}
-                </el-tag>
+        <div class="sendBox">
+            <div style="min-height: 37px;">
+                <div class="mb10">发送用户</div>
+                <div class="userGroups">
+                    <div v-for="group in pqsUserGroups" :key="group.deptName" class="userGroup">
+                        <span class="deptName">{{ group.deptName }}：</span>
+                        <el-checkbox-group v-model="selectedUserIds">
+                            <el-checkbox v-for="user in group.users"  class="mb7" :key="user.userIndex" :label="user.userIndex"
+                                border size="small">
+                                {{ user.name }}
+                            </el-checkbox>
+                        </el-checkbox-group>
+                   
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="mb10">短信模板 </div>
+                <el-input v-model="messageList.message" style="flex: 1;" :rows="5" type="textarea"
+                    :value="messageList && messageList.message" />
             </div>
         </div>
-        <div class="sendBox">
-            <div>短信模板： </div>
-            <el-input v-model="messageList.message" style="flex: 1;" :rows="2" type="textarea"
-                :value="messageList && messageList.message" />
-        </div>
-        <div class="sendBox mt10" style="justify-content: flex-end;">
+        <div class=" mt10" style="display: flex;justify-content: flex-end;">
             <el-button size="small" :icon="Message" type="primary" @click="sendMessage"
                 :loading="sendLoading">发送</el-button>
         </div>
@@ -163,7 +178,7 @@ import {
     DArrowRight,
     Search,
     RefreshLeft,
-    Download, Message
+    Download, Message, Comment
 } from "@element-plus/icons-vue";
 import * as XLSX from "xlsx";
 import waveForm from "@/components/BX/waveForm.vue";
@@ -175,7 +190,7 @@ const machineVisible = ref(false);
 const title = ref("暂降事件列表");
 const datePickerRef = ref();
 const pageNum = ref(1);
-const pageSize = ref(20);
+const pageSize = ref(100);
 const loading = ref(false);
 const exportLoading = ref(false);
 const total = ref(0);
@@ -185,21 +200,29 @@ const deptsIndex = ref(null);
 const deptsList = ref([]);
 const trendVisible = ref(false);
 const waveFormRef = ref();
-const selectedRowId = ref("");
-const pqsUsers = ref([]);
-const selectedRow = ref<any>(null);
-const textarea = ref("");
-const messageList = ref({
+const tableRef = ref();
+const selectedRowIds = ref<string[]>([]);
+const selectedRows = ref<any[]>([]);
+const templateLoading = ref(false);
+const isAutoSelecting = ref(false);
+const messageList = ref<{
+    message: string;
+    eventId: string;
+    pqsUsers: Record<string, any[]>;
+}>({
     message: "",
     eventId: "",
-    pqsUsers: []
+    pqsUsers: {},
 });
+const selectedUserIds = ref<string[]>([]);
+const selectable = (row: any) => !!row.eventdetail_index;
 const eventForm: any = reactive({
     eventValueMin: null,
     eventValueMax: null,
     eventDurationMin: null,
     eventDurationMax: null,
     eventtype: null,
+    fiterSensitiveUser: '1',
 });
 const sendLoading = ref(false);
 const typeMap: Record<string, string> = {
@@ -223,19 +246,45 @@ const eventTypeList = computed(() => {
         }));
 });
 
+const pqsUserGroups = computed(() => {
+    const pqsUsers = messageList.value.pqsUsers;
+    if (!pqsUsers || Array.isArray(pqsUsers)) return [];
+    return Object.entries(pqsUsers).map(([deptName, users]) => ({
+        deptName,
+        users: users || [],
+    }));
+});
+
+const initSelectedUsers = (pqsUsers: Record<string, any[]>) => {
+    const ids: string[] = [];
+    Object.values(pqsUsers || {}).forEach((users) => {
+        users.forEach((user) => {
+            if (user.userIndex) ids.push(user.userIndex);
+        });
+    });
+    selectedUserIds.value = ids;
+};
+
+const getFilteredPqsUsers = () => {
+    const result: Record<string, any[]> = {};
+    const pqsUsers = messageList.value.pqsUsers;
+    if (!pqsUsers || Array.isArray(pqsUsers)) return result;
+    Object.entries(pqsUsers).forEach(([deptName, users]) => {
+        const filtered = users.filter((user) => selectedUserIds.value.includes(user.userIndex));
+        if (filtered.length > 0) {
+            result[deptName] = filtered;
+        }
+    });
+    return result;
+};
+
 const getTimeRange = () => {
     const picker = datePickerRef.value;
-    if (picker?.timeValue?.length === 2) {
-        return {
-            type: picker.interval ?? store.state.timeType,
-            startDateTime: picker.timeValue[0],
-            endTDateime: picker.timeValue[1],
-        };
-    }
+    const timeValue = picker?.timeValue || [];
     return {
-        type: store.state.timeType,
-        startDateTime: store.state.timeValue[0],
-        endTDateime: store.state.timeValue[1],
+        type: picker?.interval ?? 5,
+        startDateTime: timeValue[0] || "",
+        endTDateime: timeValue[1] || "",
     };
 };
 
@@ -264,37 +313,77 @@ const filteWavetype = (wavetype: string) => {
 };
 
 const clearSelection = () => {
-    selectedRowId.value = "";
-    selectedRow.value = null;
+    selectedRowIds.value = [];
+    selectedRows.value = [];
+    tableRef.value?.clearSelection();
+};
+
+const handleSelectionChange = (rows: any[]) => {
+    if (isAutoSelecting.value) return;
+    selectedRows.value = rows;
+    selectedRowIds.value = rows.map((row) => row.eventdetail_index);
 };
 
 const handleRowClick = (row: any) => {
-    selectedRowId.value = row.eventdetail_index;
-    selectedRow.value = row;
-    getMessage(row.eventdetail_index);
+    if (!selectable(row)) return;
+    tableRef.value?.toggleRowSelection(row);
 };
 
-const handleRowSelect = (row: any) => {
-    selectedRow.value = row;
-    getMessage(row.eventdetail_index);
+const selectAllAndGenerateMessage = async () => {
+    await nextTick();
+    if (total.value === 0) {
+        clearSelection();
+        return;
+    }
+
+    let allRecords = tableData.value;
+    if (total.value > tableData.value.length) {
+        const allRes = await eventPage(getQueryParams({ pageNum: 1, pageSize: total.value }));
+        allRecords = allRes.data.records || [];
+    }
+
+    const selectableRecords = allRecords.filter(selectable);
+    isAutoSelecting.value = true;
+    try {
+        selectedRows.value = selectableRecords;
+        selectedRowIds.value = selectableRecords.map((row) => row.eventdetail_index);
+        tableRef.value?.clearSelection();
+        await nextTick();
+        tableData.value.forEach((row: any) => {
+            if (selectedRowIds.value.includes(row.eventdetail_index)) {
+                tableRef.value?.toggleRowSelection(row, true);
+            }
+        });
+        getMessage(true);
+    } finally {
+        isAutoSelecting.value = false;
+    }
 };
 
-const getMessage = (eventId: string) => {
-
-    messageGenerate({ eventId: eventId }).then((res: any) => {
+const getMessage = (silent = false) => {
+    if (selectedRowIds.value.length === 0) {
+        if (!silent) {
+            ElMessage.warning("请选择暂降事件!");
+        }
+        return;
+    }
+    templateLoading.value = true;
+    messageGenerate({ eventIds: selectedRowIds.value.join(',') }).then((res: any) => {
         if (res.code == 'A0000') {
             messageList.value = res.data;
+            initSelectedUsers(res.data.pqsUsers || {});
         } else {
             ElMessage.warning(res.message);
             messageList.value = {
                 message: "",
                 eventId: "",
-                pqsUsers: [
-
-                ]
-            }
+                pqsUsers: {}
+            };
+            selectedUserIds.value = [];
         }
-    })
+    }).finally(() => {
+        templateLoading.value = false;
+    });
 };
 const initDept = () => {
     const { type, startDateTime, endTDateime } = getTimeRange();
@@ -308,33 +397,34 @@ const initDept = () => {
     });
 };
 
-const syncDatePicker = () => {
-    if (!datePickerRef.value) return;
-    datePickerRef.value.interval = store.state.timeType;
-    datePickerRef.value.setRangeValue(
-        store.state.timeValue[0],
-        store.state.timeValue[1]
-    );
+const handleDialogOpened = () => {
+    if (datePickerRef.value?.interval !== 5) {
+        datePickerRef.value?.setTheDate(5);
+    }
+    initDept();
+    inquire(true);
 };
 
 const inquire = (resetPage = false) => {
     messageList.value = {
         message: "",
         eventId: "",
-        pqsUsers: [
-
-        ]
-    }
+        pqsUsers: {}
+    };
+    selectedUserIds.value = [];
     if (resetPage) {
         pageNum.value = 1;
-        pageSize.value = 20;
+        pageSize.value = 100;
         clearSelection();
     }
     loading.value = true;
-    eventPage(getQueryParams()).then((res) => {
+    eventPage(getQueryParams()).then(async (res) => {
         total.value = res.data.total;
         tableData.value = res.data.records;
         loading.value = false;
+        if (resetPage) {
+            await selectAllAndGenerateMessage();
+        }
     });
 
 };
@@ -346,6 +436,7 @@ const clearInit = async () => {
     eventForm.eventDurationMin = null;
     eventForm.eventDurationMax = null;
     eventForm.eventtype = null;
+    eventForm.fiterSensitiveUser = 1;
     deptsIndex.value = null;
     await inquire(true);
 };
@@ -361,17 +452,13 @@ const open = (text: string) => {
     title.value = text || "暂降事件列表";
     clearSelection();
     machineVisible.value = true;
-    nextTick(() => {
-        syncDatePicker();
-        initDept();
-        inquire(true);
-    });
 };
 
 const sendMessage = () => {
-    const pqsUsers = messageList.value.pqsUsers;
-    if (pqsUsers.length == 0) {
-        ElMessage.warning("发送用户不能为空,请选择有用户的暂降事件!");
+    const filteredPqsUsers = getFilteredPqsUsers();
+    const userCount = Object.values(filteredPqsUsers).reduce((sum, users) => sum + users.length, 0);
+    if (userCount === 0) {
+        ElMessage.warning("发送用户不能为空!");
         return;
     }
     if (!messageList.value.message?.trim()) {
@@ -382,7 +469,7 @@ const sendMessage = () => {
     sendLoading.value = true;
     messageSend({
         ...messageList.value,
-
+        pqsUsers: filteredPqsUsers,
     })
         .then((res: any) => {
             if (res.code == 'A0000') {
@@ -447,7 +534,7 @@ const handleClose = () => {
     machineVisible.value = false;
 };
 
-defineExpose({ open, selectedRow, selectedRowId });
+defineExpose({ open, selectedRows, selectedRowIds });
 </script>
 
 <style lang="scss" scoped>
@@ -465,13 +552,26 @@ defineExpose({ open, selectedRow, selectedRowId });
     padding: 0;
 }
 
-:deep(.el-radio__label) {
-    display: none;
+.sendBox {
+    display: grid;
+    grid-template-columns: 2fr 1.3fr;
+    gap: 10px;
 }
 
-.sendBox {
-    display: flex;
+.userGroups {
+    flex: 1;
+}
 
-    justify-content: space-between;
+.userGroup {
+    display: flex;
+    align-items: flex-start;
+    margin-bottom: 5px;
+    line-height: 24px;
+}
+
+.deptName {
+    flex-shrink: 0;
+    margin-right: 8px;
+    white-space: nowrap;
 }
 </style>