Parcourir la source

refactor(lss): consolidate component attributes for improved readability

- Streamlined the formatting of various components in the LSS view by consolidating attributes into single lines.
- Enhanced overall code organization and maintainability, improving the clarity of the search form, table, and drawer components.
- Reduced unnecessary line breaks to maintain a clean and organized structure in the component layout.
yb il y a 1 semaine
Parent
commit
e271f58379
1 fichiers modifiés avec 15 ajouts et 7 suppressions
  1. 15 7
      src/views/lss/index.vue

+ 15 - 7
src/views/lss/index.vue

@@ -72,7 +72,7 @@
         <el-table-column :label="t('设备列表')" align="center">
         <el-table-column :label="t('设备列表')" align="center">
           <template #default="{ row }">
           <template #default="{ row }">
             <el-button type="primary" link @click="handleEdit(row, 'camera')">
             <el-button type="primary" link @click="handleEdit(row, 'camera')">
-              <Icon icon="mdi:cctv" />
+              <Icon icon="mdi:cctv" width="20" height="20" />
             </el-button>
             </el-button>
           </template>
           </template>
         </el-table-column>
         </el-table-column>
@@ -83,11 +83,15 @@
         </el-table-column>
         </el-table-column>
         <el-table-column :label="t('操作')" align="center" fixed="right">
         <el-table-column :label="t('操作')" align="center" fixed="right">
           <template #default="{ row }">
           <template #default="{ row }">
-            <el-button type="primary" link :icon="Edit" @click="handleEdit(row, 'detail')" />
+            <el-button type="primary" link @click="handleEdit(row, 'detail')">
+              <Icon icon="mdi:edit" width="20" height="20" />
+            </el-button>
             <el-button type="primary" link @click="handleScanDevices(row)">
             <el-button type="primary" link @click="handleScanDevices(row)">
-              <Icon icon="mdi:radar" />
+              <Icon icon="mdi:radar" width="20" height="20" />
+            </el-button>
+            <el-button type="danger" link @click="handleDelete(row)">
+              <Icon icon="mdi:delete" width="20" height="20" />
             </el-button>
             </el-button>
-            <el-button type="danger" link :icon="Delete" @click="handleDelete(row)" />
           </template>
           </template>
         </el-table-column>
         </el-table-column>
       </el-table>
       </el-table>
@@ -251,15 +255,19 @@
               </el-table-column>
               </el-table-column>
               <el-table-column :label="t('设备控制')" min-width="100" align="center" fixed="right">
               <el-table-column :label="t('设备控制')" min-width="100" align="center" fixed="right">
                 <template #default="{ row }">
                 <template #default="{ row }">
-                  <el-button type="primary" link :icon="Edit" @click="handleEditCamera(row)" />
-                  <el-button type="danger" link :icon="Delete" @click="handleDeleteCamera(row)" />
+                  <el-button type="primary" link @click="handleEditCamera(row)">
+                    <Icon icon="mdi:edit" width="20" height="20" />
+                  </el-button>
+                  <el-button type="danger" link @click="handleDeleteCamera(row)">
+                    <Icon icon="mdi:delete" width="20" height="20" />
+                  </el-button>
                   <el-button
                   <el-button
                     :tooltip="t('查看Cloudflare Stream')"
                     :tooltip="t('查看Cloudflare Stream')"
                     link
                     link
                     :class="['crosshairs-btn', { active: !row.streamSn }]"
                     :class="['crosshairs-btn', { active: !row.streamSn }]"
                     @click="handleViewCamera(row)"
                     @click="handleViewCamera(row)"
                   >
                   >
-                    <Icon icon="mdi:crosshairs" />
+                    <Icon icon="mdi:crosshairs" width="20" height="20" />
                   </el-button>
                   </el-button>
                 </template>
                 </template>
               </el-table-column>
               </el-table-column>