From 3f60a93762b6e2b7cb153b0c98d6557343e1c7d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=98=8A=E5=A4=A9?= <442384644@qq.com>
Date: Tue, 20 Oct 2026 16:48:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B6=88=E6=81=AF=E6=97=A5=E5=BF=97):=20?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E5=8C=BA=E6=94=B9=E6=A0=87=E5=87=86=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E5=8D=A1=E7=89=87=E4=B8=8E=E6=95=B0=E6=8D=AE=E5=8D=A1?=
 =?UTF-8?q?=E5=88=86=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

筛选项改 el-form 标准搜索卡（渠道/状态/消息标识，可清空，移动端 label 置顶），统计与列表独立数据卡
---
 .../pages/setting/notification/log/index.vue  | 72 ++++++++++---------
 1 file changed, 40 insertions(+), 32 deletions(-)

diff --git a/frontend/admin/src/pages/setting/notification/log/index.vue b/frontend/admin/src/pages/setting/notification/log/index.vue
index 2a78ae51a..c6d976812 100644
--- a/frontend/admin/src/pages/setting/notification/log/index.vue
+++ b/frontend/admin/src/pages/setting/notification/log/index.vue
@@ -5,38 +5,42 @@
       :title="$route.meta.title"
       description="查看各渠道消息发送结果与成功率，按渠道、状态筛选排查发送失败原因。"
     ></pages-header>
-    <el-card :bordered="false" shadow="never" class="ivu-mt" :body-style="{ padding: '20px 20px 20px' }">
-      <el-row class="mb14">
-        <el-col :span="6">
-          <el-select v-model="filter.channel_key" placeholder="选择渠道">
-            <el-option label="全部渠道" value="" />
-            <el-option label="系统站内信" value="is_system" />
-            <el-option label="短信" value="is_sms" />
-            <el-option label="公众号模板" value="is_wechat" />
-            <el-option label="小程序订阅" value="is_routine" />
-            <el-option label="企业微信" value="is_ent_wechat" />
-            <el-option label="钉钉" value="is_dingtalk" />
-            <el-option label="邮件" value="is_email" />
-            <el-option label="打印机" value="is_printer" />
-          </el-select>
-        </el-col>
-        <el-col :span="6">
-          <el-select v-model="filter.status" placeholder="选择状态">
-            <el-option label="全部状态" value="" />
-            <el-option label="待发送" :value="0" />
-            <el-option label="成功" :value="1" />
-            <el-option label="失败" :value="2" />
-          </el-select>
-        </el-col>
-        <el-col :span="6">
-          <el-input v-model="filter.mark" placeholder="消息标识" />
-        </el-col>
-        <el-col :span="6">
-          <el-button type="primary" v-db-click @click="getList">搜索</el-button>
-          <el-button v-db-click @click="resetFilter">重置</el-button>
-        </el-col>
-      </el-row>
+    <el-card :bordered="false" shadow="never" :body-style="{ padding: 0 }">
+      <div class="padding-add">
+        <el-form :model="filter" :label-width="labelWidth" :label-position="labelPosition" inline @submit.prevent>
+          <el-form-item label="渠道：">
+            <el-select v-model="filter.channel_key" placeholder="请选择渠道" clearable class="form_content_width">
+              <el-option label="全部渠道" value="" />
+              <el-option label="系统站内信" value="is_system" />
+              <el-option label="短信" value="is_sms" />
+              <el-option label="公众号模板" value="is_wechat" />
+              <el-option label="小程序订阅" value="is_routine" />
+              <el-option label="企业微信" value="is_ent_wechat" />
+              <el-option label="钉钉" value="is_dingtalk" />
+              <el-option label="邮件" value="is_email" />
+              <el-option label="打印机" value="is_printer" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="状态：">
+            <el-select v-model="filter.status" placeholder="请选择状态" clearable class="form_content_width">
+              <el-option label="全部状态" value="" />
+              <el-option label="待发送" :value="0" />
+              <el-option label="成功" :value="1" />
+              <el-option label="失败" :value="2" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="消息标识：">
+            <el-input v-model="filter.mark" placeholder="请输入消息标识" clearable class="form_content_width" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" v-db-click @click="getList">搜索</el-button>
+            <el-button v-db-click @click="resetFilter">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-card>
 
+    <el-card :bordered="false" shadow="never" class="mt16" :body-style="{ padding: '0 20px 20px' }">
       <el-row class="mb14">
         <el-col :span="6">
           <el-card shadow="never" :body-style="{ padding: '10px' }">
@@ -199,8 +203,9 @@
 </template>
 
 <script setup>
-import { ref, reactive } from 'vue';
+import { ref, reactive, computed } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
+import { useMediaStore } from '@/store/module/media';
 import {
   noticeLogList,
   noticeLogDetail,
@@ -223,6 +228,9 @@ function formatDate(timestamp) {
 
 const logList = ref([]);
 const loading = ref(false);
+const mediaStore = useMediaStore();
+const labelWidth = computed(() => (mediaStore.isMobile ? undefined : '80px'));
+const labelPosition = computed(() => (mediaStore.isMobile ? 'top' : 'right'));
 const filter = ref({
   channel_key: '',
   status: '',