From a018f5eb88f257dcacbbcee46c9f695323f49fe6 Mon Sep 17 00:00:00 2001
From: dd3s_206 <zhaoxinyu0716@gmail.com>
Date: Fri, 22 May 2026 11:39:21 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E8=AF=89=E7=AE=A1=E7=90=86=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=EF=BC=9A=20=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zhgh/democratic/appeal/accept/index.html  | 43 ++++++++++++++++++-
 .../zhgh/democratic/appeal/execute/index.html | 43 ++++++++++++++++++-
 .../zhgh/democratic/appeal/mine/index.html    | 43 ++++++++++++++++++-
 .../zhgh/democratic/appeal/query/index.html   | 41 +++++++++++++++++-
 .../zhgh/democratic/appeal/type/index.html    | 43 ++++++++++++++++++-
 5 files changed, 208 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html
index f250422..d94240f 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava ref="guava">
+    <guava ref="guava" class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html
index 5cb765a..30b632e 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava ref="guava">
+    <guava ref="guava" class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html
index 1cf3020..3bc00ca 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava ref="guava">
+    <guava ref="guava" class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html
index 42684b5..5bbe362 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html
@@ -91,10 +91,49 @@ layout("/layouts/platform.html"){
     .appeal-query-page .table-card {
         border-radius: 6px;
     }
+
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
 </style>
 
 <div id="app" v-cloak>
-    <guava ref="guava" class="appeal-query-page">
+    <guava ref="guava" class="appeal-query-page appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html
index 671d1af..7d84a98 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava>
+    <guava class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="类型名称">