Selaa lähdekoodia

refactor(views): enhance input and table component consistency in live-stream and lss views

- Consolidated attributes in input components for improved readability and consistency across `live-stream/index.vue` and `lss/index.vue`.
- Streamlined table and pagination layouts for a better user experience.
- Simplified drawer component structures to maintain visual consistency throughout the application.
yb 4 päivää sitten
vanhempi
commit
9899a67b59
2 muutettua tiedostoa jossa 6 lisäystä ja 6 poistoa
  1. 5 5
      src/views/live-stream/index.vue
  2. 1 1
      src/views/lss/index.vue

+ 5 - 5
src/views/live-stream/index.vue

@@ -77,7 +77,7 @@
             <el-link type="primary" @click="openCommandDialog(row)">{{ t('查看') }}</el-link>
           </template>
         </el-table-column>
-        <el-table-column :label="t('推流控制')" align="center">
+        <el-table-column :label="t('推流控制')" width="110" align="center">
           <template #default="{ row }">
             {{ row.status === '1' ? t('开启') : t('关闭') }}
             <el-switch
@@ -88,17 +88,17 @@
             />
           </template>
         </el-table-column>
-        <el-table-column prop="startedAt" :label="t('启动时间')" width="160" align="center">
+        <el-table-column prop="startedAt" :label="t('启动时间')" width="165" align="center">
           <template #default="{ row }">
             {{ formatTime(row.startedAt) }}
           </template>
         </el-table-column>
-        <el-table-column prop="stoppedAt" :label="t('关闭时间')" width="160" align="center">
+        <el-table-column prop="stoppedAt" :label="t('关闭时间')" width="165" align="center">
           <template #default="{ row }">
             {{ formatTime(row.stoppedAt) }}
           </template>
         </el-table-column>
-        <el-table-column :label="t('操作')" align="center" fixed="right">
+        <el-table-column :label="t('操作')" fixed="right" min-width="130">
           <template #default="{ row }">
             <el-button type="primary" link @click="handleEdit(row)">
               <Icon icon="mdi:note-edit-outline" width="20" height="20" />
@@ -1472,7 +1472,7 @@ onMounted(async () => {
 .media-drawer-content {
   display: flex;
   height: 100%;
-  padding: 16px;
+  padding: 20px;
   gap: 8px;
   overflow: hidden;
 }

+ 1 - 1
src/views/lss/index.vue

@@ -601,7 +601,7 @@
       v-model="paramsDialogVisible"
       :title="paramsDialogTitle"
       direction="rtl"
-      size="500px"
+      size="650px"
       :close-on-click-modal="false"
       :show-close="false"
       destroy-on-close