refactor(lss): update camera table structure and improve attribute naming

- Changed class name for the camera tab content for better clarity.
- Updated column attributes in the camera table to use more descriptive names, including changing 'vendorName' to 'brand'.
- Enhanced the camera status display logic for improved readability and consistency.

src/views/lss/index.vue

@@ -220,7 +220,7 @@
           </div>
 
           <!-- 摄像头列表 Tab -->
-          <div v-show="editActiveTab === 'camera'" class="tab-content" v-loading="cameraLoading">
+          <div v-show="editActiveTab === 'camera'" v-loading="cameraLoading" class="tab-content-wrapper">
             <div class="camera-toolbar">
               <el-form :model="cameraSearchForm" inline>
                 <el-form-item>
@@ -249,11 +249,11 @@
             <el-empty v-if="!cameraLoading && cameraList.length === 0" description="暂无关联设备" />
             <el-table v-else :data="cameraList" stripe size="small" border>
               <!-- <el-table-column prop="ip" label="本地IP" min-width="110" /> -->
-              <el-table-column prop="cameraId" :label="t('设备ID')" min-width="100" show-overflow-tooltip />
-              <el-table-column prop="cameraName" :label="t('名称')" min-width="100" show-overflow-tooltip />
+              <el-table-column prop="cameraId" label="设备ID" min-width="100" show-overflow-tooltip />
+              <el-table-column prop="cameraName" label="名称" min-width="100" show-overflow-tooltip />
               <el-table-column :label="t('状态(心跳)')" min-width="140">
                 <template #default="{ row }">
-                  <span :class="['status-text', row.status === 'ONLINE' ? 'status-active' : 'status-dead']">
+                  <span :class="['status-text', row.status === 'active' ? 'status-active' : 'status-dead']">
                     {{ formatCameraStatus(row) }}
                   </span>
                 </template>
@@ -268,9 +268,9 @@
                   <el-button type="primary" link @click="handleViewRunParams(row)">查看</el-button>
                 </template>
               </el-table-column>
-              <el-table-column prop="vendorName" :label="t('厂商')" min-width="90">
+              <el-table-column prop="brand" :label="t('厂商')" min-width="90">
                 <template #default="{ row }">
-                  {{ formatBrand(row.vendorName) }}
+                  {{ formatBrand(row.brand) }}
                 </template>
               </el-table-column>
               <el-table-column prop="model" label="型号" min-width="130" show-overflow-tooltip />
@@ -283,7 +283,9 @@
                 <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 :icon="View" @click="handleViewCamera(row)" />
+                  <el-button link :class="['crosshairs-btn', { active: !row.streamSn }]" @click="handleViewCamera(row)">
+                    <Icon icon="mdi:crosshairs" />
+                  </el-button>
                 </template>
               </el-table-column>
             </el-table>