c-zhangr1/zhgh_squ
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

申诉管理模块： 页面优化；

Browse Source
This commit is contained in:
dd3s_206
2026-05-22 11:39:21 +08:00
parent 2ad09e5b6b
commit a018f5eb88
5 changed files with 208 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html
+42 -1
View File
@@ -2,8 +2,49 @@
layout("/layouts/platform.html"){ 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> <div id="app" v-cloak>
<guava ref="guava"> <guava ref="guava" class="appeal-search-page">
<el-card shadow="never"> <el-card shadow="never">
<search @search="doSearch"> <search @search="doSearch">
<search-item label="年度"> <search-item label="年度">
src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html
+42 -1
View File
@@ -2,8 +2,49 @@
layout("/layouts/platform.html"){ 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> <div id="app" v-cloak>
<guava ref="guava"> <guava ref="guava" class="appeal-search-page">
<el-card shadow="never"> <el-card shadow="never">
<search @search="doSearch"> <search @search="doSearch">
<search-item label="年度"> <search-item label="年度">
src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html
+42 -1
View File
@@ -2,8 +2,49 @@
layout("/layouts/platform.html"){ 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> <div id="app" v-cloak>
<guava ref="guava"> <guava ref="guava" class="appeal-search-page">
<el-card shadow="never"> <el-card shadow="never">
<search @search="doSearch"> <search @search="doSearch">
<search-item label="年度"> <search-item label="年度">
src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html
+40 -1
View File
@@ -91,10 +91,49 @@ layout("/layouts/platform.html"){
.appeal-query-page .table-card { .appeal-query-page .table-card {
border-radius: 6px; 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> </style>
<div id="app" v-cloak> <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"> <el-card shadow="never">
<search @search="doSearch"> <search @search="doSearch">
<search-item label="年度"> <search-item label="年度">
src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html
+42 -1
View File
@@ -2,8 +2,49 @@
layout("/layouts/platform.html"){ 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> <div id="app" v-cloak>
<guava> <guava class="appeal-search-page">
<el-card shadow="never"> <el-card shadow="never">
<search @search="doSearch"> <search @search="doSearch">
<search-item label="类型名称"> <search-item label="类型名称">