添加用户编辑

components.d.ts

@@ -12,6 +12,7 @@ declare module '@vue/runtime-core' {
     ACollapsePanel: typeof import('ant-design-vue/es')['CollapsePanel']
     ARow: typeof import('ant-design-vue/es')['Row']
     Aside: typeof import('./src/components/aside/index.vue')['default']
+    ATable: typeof import('ant-design-vue/es')['Table']
     ATabPane: typeof import('ant-design-vue/es')['TabPane']
     ATabs: typeof import('ant-design-vue/es')['Tabs']
     ATree: typeof import('ant-design-vue/es')['Tree']

src/views/index.vue

@@ -11,6 +11,8 @@
             <!-- 主体内容 -->
             <div class="com-body">
                 <CameraCenter></CameraCenter>
+                <!-- <UserEdit></UserEdit> -->
+
             </div>
         </template>
     </ComSetup>
@@ -19,6 +21,7 @@
 <script lang="ts" setup>
 import ComSetup from "@/components/aside/index.vue";
 import CameraCenter from "@/views/page/cameraCenter.vue";
+import UserEdit from "@/views/page/userEdit.vue"
 
 </script>
   

src/views/page/cameraCenter.vue

@@ -168,7 +168,7 @@ function mouseDownVideo(e: MouseEvent) {
             }
             labelList.value.push(obj)
             console.log(obj,'obj111111111111111');
-            
+            isActiveChoose.value=false
             piniaStore.updateIsAddLabel({labelType:"",isAddLabel: false})
             }
         });

src/views/page/userEdit.vue

@@ -0,0 +1,60 @@
+<template>
+<div class="user-edit">
+    <a-table
+    class="ant-table-striped"
+    size="middle"
+    :columns="columns"
+    :data-source="data"
+    :rowClassName="(record:any, index:number) => (index % 2 === 1 ? 'table-striped' : null)"
+  />
+</div>
+</template>
+
+<script setup lang='ts'>
+const columns = [
+  { title: '序号', dataIndex: 'key' },
+  { title: '登录名', dataIndex: 'name' },
+  { title: '密码', dataIndex: 'password' },
+  { title: '用户类型', dataIndex: 'address' },
+  { title: '是否启用', dataIndex: 'address' },
+  { title: '备注', dataIndex: 'address' },
+];
+const data = [
+  {
+    key: '1',
+    name: 'John Brown',
+    password: 32,
+    address: 'New York No. 1 Lake Park',
+  },
+  {
+    key: '2',
+    name: 'Jim Green',
+    password: 42,
+    address: 'London No. 1 Lake Park',
+  },
+  {
+    key: '3',
+    name: 'Joe Black',
+    password: 32,
+    address: 'Sidney No. 1 Lake Park',
+  },
+  {
+    key: '4',
+    name: 'Ben Kang',
+    password: 15,
+    address: 'Sidney No. 1 Lake Park',
+  },
+];
+</script>
+
+<style scoped lang='less'>
+.user-edit{
+    padding: 20px;
+}
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa;
+}
+:deep(.ant-table-cell){
+    color: #000 !important;
+}
+</style>