Browse Source

fix:调整列表显示大小

Zhenghanjv 6 days ago
parent
commit
5cec2b9464

+ 26 - 10
Platform/AI.Platform.Page/Pages/Media/Media.razor

@@ -6,16 +6,16 @@
 <Spin Spinning="Loading">
 <Spin Spinning="Loading">
     <div  class="filter_box">
     <div  class="filter_box">
         <div class="filter_row">
         <div class="filter_row">
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>文件名</span><Input Placeholder="请输入要查找的文件名" @bind-Value="filterData.searchFileName" Style="width:75%" />
                 <span>文件名</span><Input Placeholder="请输入要查找的文件名" @bind-Value="filterData.searchFileName" Style="width:75%" />
             </div>
             </div>
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>操作人</span><Input Placeholder="操作人" @bind-Value="filterData.searchMediaUploader" Style="width:75%" />
                 <span>操作人</span><Input Placeholder="操作人" @bind-Value="filterData.searchMediaUploader" Style="width:75%" />
             </div>
             </div>
         </div>
         </div>
         
         
         <div class="filter_row">
         <div class="filter_row">
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>广告状态</span>
                 <span>广告状态</span>
                 <SimpleSelect OnSelectedItemChanged="OnSelectItemChange" Style="width:75%">
                 <SimpleSelect OnSelectedItemChanged="OnSelectItemChange" Style="width:75%">
                     <SelectOptions>
                     <SelectOptions>
@@ -26,7 +26,7 @@
                 </SimpleSelect>
                 </SimpleSelect>
             </div>
             </div>
             
             
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>油机状态</span>
                 <span>油机状态</span>
                 <SimpleSelect Mode="SelectMode.Multiple" OnSelectedItemsChanged="OnSelectItemsChange" style="width:75%">
                 <SimpleSelect Mode="SelectMode.Multiple" OnSelectedItemsChanged="OnSelectItemsChange" style="width:75%">
                     <SelectOptions>
                     <SelectOptions>
@@ -44,21 +44,21 @@
         </div>
         </div>
 
 
         <div class="filter_row">
         <div class="filter_row">
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>有效时间段</span><RangePicker TValue="DateTime?[]" OnChange="@(date => onDateChage(date, 1))" style="width:75%" />
                 <span>有效时间段</span><RangePicker TValue="DateTime?[]" OnChange="@(date => onDateChage(date, 1))" style="width:75%" />
             </div>
             </div>
 
 
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>更新时间</span><RangePicker TValue="DateTime?[]" OnChange="@(date => onDateChage(date, 2))" style="width:75%"   />
                 <span>更新时间</span><RangePicker TValue="DateTime?[]" OnChange="@(date => onDateChage(date, 2))" style="width:75%"   />
             </div>
             </div>
            
            
         </div>
         </div>
         
         
         <div class="filter_row">
         <div class="filter_row">
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>播放时段</span><RangePicker TValue="DateTime?[]" OnChange="@(date => onDateChage(date, 3))" Picker="DatePickerType.Time" Format="@("HH")" style="width:75%" />
                 <span>播放时段</span><RangePicker TValue="DateTime?[]" OnChange="@(date => onDateChage(date, 3))" Picker="DatePickerType.Time" Format="@("HH")" style="width:75%" />
             </div>
             </div>
-            <div class="filter_row" style="width:48%">
+            <div class="filter_row" style="width:48%;margin-top:0%;margin-bottom:0%;">
                 <span>油站</span><Input Placeholder="油站" @bind-Value="filterData.searchSiteName" Style="width:75%" />
                 <span>油站</span><Input Placeholder="油站" @bind-Value="filterData.searchSiteName" Style="width:75%" />
             </div>
             </div>
         </div>
         </div>
@@ -74,7 +74,7 @@
     <MediaPreview onVisibleCallback="@((data) => OnDialogVisibleCallback(2, data))" @bind-IsVisible="isPreviewOpen" @bind-media="previewModel" />
     <MediaPreview onVisibleCallback="@((data) => OnDialogVisibleCallback(2, data))" @bind-IsVisible="isPreviewOpen" @bind-media="previewModel" />
 
 
 
 
-    <Table @ref="_Table" AutoHeight TItem="MediaInfoModel" DataSource="_DataSource" PageSize="filterData.pageSize" Total="Total"
+    <Table @ref="_Table" Class="compact-table" TItem="MediaInfoModel" DataSource="_DataSource" PageSize="filterData.pageSize" Total="Total"
     OnChange="OnChange">
     OnChange="OnChange">
         <ColumnDefinitions Context="row">
         <ColumnDefinitions Context="row">
             <PropertyColumn Property="c => c.FileName" Title="文件名" />
             <PropertyColumn Property="c => c.FileName" Title="文件名" />
@@ -133,7 +133,23 @@
         justify-content:space-between;
         justify-content:space-between;
         align-items:center;
         align-items:center;
         width:100%;
         width:100%;
-        margin-top:2%;
+    }
+
+    .compact-table {
+        min-height: 30vh;
+    }
+
+    .compact-table .ant-table-thead > tr > th,
+    .compact-table .ant-table-tbody > tr > td {
+        padding: 6px 8px;
+        font-size: 12px;
+        line-height: 1.2;
+    }
+
+    .compact-table .ant-btn {
+        height: 24px;
+        padding: 0 8px;
+        font-size: 12px;
     }
     }
 
 
 </style>
 </style>

+ 19 - 2
Platform/AI.Platform.Page/Pages/Site/Screen.razor

@@ -5,7 +5,7 @@
 
 
 <Spin Spinning="Loading">
 <Spin Spinning="Loading">
     <div  class="filter_box">
     <div  class="filter_box">
-        <div class="filter_row">
+        <div class="filter_row" style="margin-top:-3%;">
             <div class="filter_row" style="width:48%">
             <div class="filter_row" style="width:48%">
                 <span>站名</span><Input Placeholder="请输入要查找的站名" @bind-Value="filterData.siteName" Style="width:75%" />
                 <span>站名</span><Input Placeholder="请输入要查找的站名" @bind-Value="filterData.siteName" Style="width:75%" />
             </div>
             </div>
@@ -23,7 +23,7 @@
 
 
     <UpdateScreenDialog onCallback="OnDialogCallback" onVisibleCallback="OnDialogVisibleCallback" @bind-IsVisible="isOpen" @bind-model="model" />
     <UpdateScreenDialog onCallback="OnDialogCallback" onVisibleCallback="OnDialogVisibleCallback" @bind-IsVisible="isOpen" @bind-model="model" />
 
 
-    <Table @ref="_Table" AutoHeight TItem="SnInfo" DataSource="_DataSource" PageSize="filterData.pageSize" Total="Total"
+    <Table @ref="_Table" Class="compact-table" TItem="SnInfo" DataSource="_DataSource" PageSize="filterData.pageSize" Total="Total"
     OnChange="OnChange">
     OnChange="OnChange">
         <ColumnDefinitions Context="row">
         <ColumnDefinitions Context="row">
             <PropertyColumn Property="c => c.siteName" Title="站名" />
             <PropertyColumn Property="c => c.siteName" Title="站名" />
@@ -69,4 +69,21 @@
         margin-top:2%;
         margin-top:2%;
     }
     }
 
 
+    .compact-table {
+        min-height: 30vh;
+    }
+
+    .compact-table .ant-table-thead > tr > th,
+    .compact-table .ant-table-tbody > tr > td {
+        padding: 6px 8px;
+        font-size: 12px;
+        line-height: 1.2;
+    }
+
+    .compact-table .ant-btn {
+        height: 24px;
+        padding: 0 8px;
+        font-size: 12px;
+    }
+
 </style>
 </style>

+ 20 - 5
Platform/AI.Platform.Page/Pages/Site/Site.razor

@@ -5,7 +5,7 @@
 
 
 <Spin Spinning="Loading">
 <Spin Spinning="Loading">
     <div  class="filter_box">
     <div  class="filter_box">
-        <div class="filter_row" style="justify-content:start">
+        <div class="filter_row" style="justify-content:start;margin-top:-3%;">
             <div class="filter_row" style="width:50%">
             <div class="filter_row" style="width:50%">
                 <span>站名</span><Input Placeholder="请输入要查找的站名" @bind-Value="filterData.siteName" Style="width:75%" />
                 <span>站名</span><Input Placeholder="请输入要查找的站名" @bind-Value="filterData.siteName" Style="width:75%" />
             </div>
             </div>
@@ -20,8 +20,8 @@
 
 
     <UpdateSiteDialog onCallback="OnDialogCallback" onVisibleCallback="OnDialogVisibleCallback"  @bind-IsVisible="isOpen" @bind-model="model" /> 
     <UpdateSiteDialog onCallback="OnDialogCallback" onVisibleCallback="OnDialogVisibleCallback"  @bind-IsVisible="isOpen" @bind-model="model" /> 
 
 
-    <Table @ref="_Table" AutoHeight TItem="SiteOutput" DataSource="_DataSource" PageSize="filterData.pageSize" Total="Total"
-    OnChange="OnChange">
+    <Table class="compact-table" @ref="_Table" TItem="SiteOutput" DataSource="_DataSource" PageSize="filterData.pageSize" Total="Total"
+           OnChange="OnChange">
         <ColumnDefinitions Context="row">
         <ColumnDefinitions Context="row">
             <PropertyColumn Property="c => c.Name" Title="站名" />
             <PropertyColumn Property="c => c.Name" Title="站名" />
             <PropertyColumn Property="c => c.Address" Title="地址" />
             <PropertyColumn Property="c => c.Address" Title="地址" />
@@ -53,7 +53,6 @@
         flex-direction:column;
         flex-direction:column;
         align-items:center;
         align-items:center;
         background:#ffffff;
         background:#ffffff;
-        padding:2%;
     }
     }
 
 
     .filter_row{
     .filter_row{
@@ -62,7 +61,23 @@
         justify-content:space-between;
         justify-content:space-between;
         align-items:center;
         align-items:center;
         width:100%;
         width:100%;
-        margin-top:2%;
+    }
+
+    .compact-table {
+            min-height:30vh;
+     }
+
+    .compact-table .ant-table-thead > tr > th,
+    .compact-table .ant-table-tbody > tr > td {
+        padding: 6px 8px; 
+        font-size: 12px; 
+        line-height: 1.2;
+    }
+
+    .compact-table .ant-btn {
+        height: 24px; 
+        padding: 0 8px;
+        font-size: 12px;
     }
     }
 
 
 </style>
 </style>