perf: camera manage set sn column width && access mode tag

@@ -37,9 +37,9 @@ export const columns: BasicColumn[] = [
     width: 120,
     width: 120,
   },
   },
   {
   {
-    title: '摄像头编号',
+    title: '摄像头编号/监控点编号',
     dataIndex: 'sn',
     dataIndex: 'sn',
-    width: 120,
+    width: 220,
   },
   },
   {
   {
     title: '视频流',
     title: '视频流',
@@ -54,18 +54,13 @@ export const columns: BasicColumn[] = [
   {
   {
     title: '接受方式',
     title: '接受方式',
     dataIndex: 'accessMode',
     dataIndex: 'accessMode',
-    width: 160,
+    width: 100,
     slots: { customRender: 'accessMode' },
     slots: { customRender: 'accessMode' },
   },
   },
   {
   {
     title: '创建时间',
     title: '创建时间',
     dataIndex: 'createTime',
     dataIndex: 'createTime',
-    width: 180,
-  },
-  {
-    title: '更新时间',
-    dataIndex: 'updateTime',
-    width: 180,
+    width: 140,
   },
   },
 ];
 ];
 
 

@@ -39,13 +39,9 @@
           />
           />
         </template>
         </template>
         <template #accessMode="{ record }">
         <template #accessMode="{ record }">
-          <span>{{
-            record.accessMode === AccessMode.ManuallyEnter
-              ? '手动输入'
-              : record.accessMode === AccessMode.Streaming
-              ? '流媒体获取'
-              : ''
-          }}</span>
+          <Tag :color="record.accessMode === AccessMode.ManuallyEnter ? 'cyan' : 'blue'">{{
+            record.accessMode === AccessMode.ManuallyEnter ? '手动输入' : '流媒体获取'
+          }}</Tag>
         </template>
         </template>
         <template #action="{ record }">
         <template #action="{ record }">
           <TableAction
           <TableAction
@@ -96,6 +92,7 @@
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { Popconfirm } from 'ant-design-vue';
   import { Popconfirm } from 'ant-design-vue';
+  import { Tag } from 'ant-design-vue';
 
 
   export default defineComponent({
   export default defineComponent({
     components: {
     components: {
@@ -108,6 +105,7 @@
       TableImg,
       TableImg,
       Authority,
       Authority,
       Popconfirm,
       Popconfirm,
+      Tag,
     },
     },
     setup() {
     setup() {
       const searchInfo = reactive<Recordable>({});
       const searchInfo = reactive<Recordable>({});