refactor(views): optimize input and drawer components in lss/index.vue

- Consolidated attributes in input components for improved readability and consistency.
- Enhanced layout of table and pagination components for better user experience.
- Streamlined drawer component structures to maintain visual consistency across the application.

src/views/lss/index.vue

@@ -498,7 +498,7 @@
       v-model="cameraDialogVisible"
       :title="isEditCamera ? t('摄像头详情') : t('添加摄像头')"
       direction="rtl"
-      size="500px"
+      size="600px"
       :close-on-click-modal="false"
       :show-close="false"
       destroy-on-close
@@ -510,16 +510,21 @@
           <el-input v-model="cameraForm.ip" :disabled="isEditCamera" placeholder="请输入 IP 地址" />
         </el-form-item> -->
           <el-form-item :label="t('设备ID') + ':'" prop="cameraId">
-            <el-input v-model="cameraForm.cameraId" :disabled="isEditCamera" :placeholder="t('请输入设备ID')" />
+            <el-input
+              v-model="cameraForm.cameraId"
+              :disabled="isEditCamera"
+              :placeholder="t('请输入设备ID')"
+              style="max-width: 300px"
+            />
           </el-form-item>
           <el-form-item :label="t('设备名称') + ':'" prop="cameraName">
-            <el-input v-model="cameraForm.cameraName" :placeholder="t('请输入设备名称')" />
+            <el-input v-model="cameraForm.cameraName" :placeholder="t('请输入设备名称')" style="max-width: 300px" />
           </el-form-item>
           <el-form-item :label="t('厂商') + ':'" prop="vendorName">
             <el-select
               v-model="cameraForm.vendorName"
               :placeholder="t('请选择摄像头')"
-              style="width: 100%"
+              style="width: 100%; max-width: 300px"
               filterable
               @change="handleVendorSelect"
             >
@@ -537,10 +542,7 @@
             </el-select>
           </el-form-item>
           <el-form-item :label="t('型号') + ':'" prop="model">
-            <el-input v-model="cameraForm.model" :placeholder="t('请输入型号')" />
-          </el-form-item>
-          <el-form-item v-if="isEditCamera" :label="t('添加时间') + ':'">
-            <span class="form-value">{{ formatTime(currentCamera?.createdAt) }}</span>
+            <el-input v-model="cameraForm.model" :placeholder="t('请输入型号')" style="max-width: 300px" />
           </el-form-item>
           <!-- <el-form-item label="摄像头型号" prop="cameraId">
           <el-select v-model="cameraForm.selectedVendorId" placeholder="请选择摄像头" style="width: 100%" filterable
@@ -578,7 +580,7 @@
             />
           </el-form-item>
 
-          <el-form-item :label="t('添加时间') + ':'">
+          <el-form-item v-if="isEditCamera" :label="t('添加时间') + ':'">
             {{ formatTime(cameraForm.createdAt) }}
           </el-form-item>
         </div>