Explorar o código

style:内容管理数据统计样式优化,表格占比高度优化

lihao16 hai 2 meses
pai
achega
757155671f

+ 8 - 6
smsb-plus-ui/src/views/smsb/item/index.vue

@@ -3,7 +3,7 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
       :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
-        <el-card shadow="hover" class="statistic-card">
+        <div class="statistic-card">
           <el-row :gutter="20" justify="space-between">
             <!-- 节目总数 -->
             <el-col :span="8">
@@ -54,7 +54,7 @@
               </el-statistic>
             </el-col>
           </el-row>
-        </el-card>
+        </div>
         <el-card shadow="hover" :style="{ marginTop: '10px', height: '60px' }">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="40px">
             <el-form-item label="名称" prop="itemName">
@@ -529,7 +529,7 @@ const initFormData: ItemForm = {
 };
 const queryParams = ref({
   pageNum: 1,
-  pageSize: 10,
+  pageSize: 20,
   itemName: undefined,
   itemType: 1,
   splitScreen: undefined,
@@ -901,11 +901,13 @@ onActivated(() => {
   font-weight: bold;
 }
 .statistic-card {
-  border-radius: 8px;
+  border-radius: 1px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
   border: 1px solid #ebeef5;
-  padding: 15px 0;
-  height: 120px;
+  padding: 10px 0;
+  height: 100px;
+  background: #fff;
+  width: calc(100% - 3px);
 }
 
 .statistic-item {

+ 2 - 2
smsb-plus-ui/src/views/smsb/itemPlayLine/index.vue

@@ -23,7 +23,7 @@
       </div>
     </transition>
 
-    <el-card shadow="never">
+    <el-card shadow="never" style="height: calc(100% - 20px)">
       <div class="table-content">
         <el-table v-loading="loading" :data="deviceList">
           <el-table-column label="" align="left" prop="" width="10"/>
@@ -167,7 +167,7 @@ const data = reactive<PageData<DeviceLogPushForm, DeviceQuery>>({
   form: {...initFormData},
   queryParams: {
     pageNum: 1,
-    pageSize: 10,
+    pageSize: 20,
     name: undefined,
     serialNumber: undefined,
     params: {}

+ 2 - 2
smsb-plus-ui/src/views/smsb/itemProgram/index.vue

@@ -25,7 +25,7 @@
       </div>
     </transition>
 
-    <el-card shadow="never">
+    <el-card shadow="never" style="height: calc(100% - 20px)">
       <div class="table-content">
         <el-table v-loading="loading" :data="itemProgramList" @selection-change="handleSelectionChange">
           <el-table-column label="" width="10" align="center"/>
@@ -126,7 +126,7 @@ const data = reactive<PageData<ItemProgramForm, ItemProgramQuery>>({
   form: { ...initFormData },
   queryParams: {
     pageNum: 1,
-    pageSize: 10,
+    pageSize: 20,
     programId: undefined,
     name: undefined,
     resolutionRatio: undefined,

+ 8 - 6
smsb-plus-ui/src/views/smsb/itemPush/index.vue

@@ -3,7 +3,7 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
       :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
-        <el-card shadow="hover" class="statistic-card">
+        <div class="statistic-card">
           <el-row :gutter="20" justify="space-between">
             <!-- 总发布数 -->
             <el-col :span="6">
@@ -70,7 +70,7 @@
               </el-statistic>
             </el-col>
           </el-row>
-        </el-card>
+        </div>
         <el-card shadow="hover" :style="{ marginTop: '10px', height: '60px' }">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="40px">
             <el-form-item label="名称" prop="name">
@@ -467,7 +467,7 @@ const data = reactive<PageData<ItemPushForm, ItemPushQuery>>({
   form: { ...initFormData },
   queryParams: {
     pageNum: 1,
-    pageSize: 10,
+    pageSize: 20,
     name: undefined,
     level: undefined,
     itemType: undefined,
@@ -838,11 +838,13 @@ onMounted(() => {
   text-align: right;
 }
 .statistic-card {
-  border-radius: 8px;
+  border-radius: 1px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
   border: 1px solid #ebeef5;
-  padding: 15px 0;
-  height: 120px;
+  padding: 10px 0;
+  height: 100px;
+  background: #fff;
+  width: calc(100% - 3px);
 }
 
 .statistic-item {

+ 2 - 2
smsb-plus-ui/src/views/smsb/itemReview/index.vue

@@ -28,7 +28,7 @@
       </div>
     </transition>
     <div class="table-content">
-      <el-tabs type="border-card" v-model="activeName" @tab-click="handleClickTab">
+      <el-tabs type="border-card" style="height: calc(100vh - 122px);" v-model="activeName" @tab-click="handleClickTab">
         <el-tab-pane label="内容审核" name="need">
 
           <el-table v-loading="loading" :data="itemPushList" style="height: 71vh">
@@ -136,7 +136,7 @@ const data = reactive<PageData<ItemPushForm, ItemPushQuery>>({
   form: { ...initFormData },
   queryParams: {
     pageNum: 1,
-    pageSize: 10,
+    pageSize: 20,
     name: undefined,
     level: undefined,
     itemType: undefined,

+ 6 - 3
smsb-plus-ui/src/views/smsb/minioData/index.vue

@@ -3,7 +3,7 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
       :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
-        <el-card shadow="hover" class="statistic-card">
+        <div class="statistic-card">
           <el-row :gutter="20" justify="space-between">
             <!-- 内容总数 -->
             <el-col :span="6">
@@ -46,7 +46,7 @@
               </el-statistic>
             </el-col>
           </el-row>
-        </el-card>
+        </div>
         <el-card shadow="hover" :style="{ marginTop: '10px', height: '75px' }">
           <div class="form-wrapper">
             <div class="form-container">
@@ -618,10 +618,13 @@ onMounted(() => {
   border-radius: 4px;
 }
 .statistic-card {
-  border-radius: 8px;
+  border-radius: 0px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   border: 1px solid #ebeef5; /* 添加边框 */
   height: 100px;
+  padding: 10px 0;
+  background: #ffffff;
+  width: calc(100% - 3px);
 }
 
 .statistic-item {

+ 3 - 3
smsb-plus-ui/src/views/smsb/playRecord/index.vue

@@ -8,7 +8,7 @@
             <div class="form-container">
               <el-form ref="queryFormRef" :model="queryParams" :inline="true">
                 <el-form-item label="播放设备" prop="deviceId">
-                  <el-input v-model="queryParams.deviceName" placeholder="请输入设备ID" clearable
+                  <el-input v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable
                             @keyup.enter="handleQuery"/>
                 </el-form-item>
                 <el-form-item label="播放时间" prop="createTime">
@@ -36,7 +36,7 @@
       </div>
     </transition>
 
-    <el-card shadow="never">
+    <el-card shadow="never" style="height: calc(100% - 20px)">
       <div class="table-content">
         <el-table v-loading="loading" :data="sourcePlayRecordList" @selection-change="handleSelectionChange">
           <el-table-column label="" align="left" prop="" width="10"/>
@@ -197,7 +197,7 @@ const handleSelectionChange = (selection: SourcePlayRecordVO[]) => {
 /** 删除按钮操作 */
 const handleDelete = async (row?: SourcePlayRecordVO) => {
   const _ids = row?.id || ids.value;
-  await proxy?.$modal.confirm('是否确认删除资源播放记录编号为"' + _ids + '"的数据项?').finally(() => loading.value = false);
+  await proxy?.$modal.confirm('是否确认删除已选择资源播放记录的数据项?').finally(() => loading.value = false);
   await delSourcePlayRecord(_ids);
   proxy?.$modal.msgSuccess("删除成功");
   await getList();

+ 1 - 1
smsb-plus-ui/src/views/smsb/sourceTree/index.vue

@@ -20,7 +20,7 @@
       </div>
     </transition>
 
-    <el-card shadow="never">
+    <el-card shadow="never" style="height: calc(100% - 20px)">
       <!--      <template #header>
               <el-row :gutter="10" class="mb8">
                 <el-col :span="1.5">