From 1793d20570a65a8687b61497ec22d15ea43c8872 Mon Sep 17 00:00:00 2001
From: chendingwei <1170506816@qq.com>
Date: Thu, 8 Dec 2022 09:49:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=94=A8=E6=88=B7=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                 |  1 +
 src/views/index.vue             |  3 ++
 src/views/page/cameraCenter.vue |  2 +-
 src/views/page/userEdit.vue     | 60 +++++++++++++++++++++++++++++++++
 4 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 src/views/page/userEdit.vue

diff --git a/components.d.ts b/components.d.ts
index 8ab9f8e..2d80650 100644
--- a/components.d.ts
+++ b/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']
diff --git a/src/views/index.vue b/src/views/index.vue
index 048a2e0..44d0934 100644
--- a/src/views/index.vue
+++ b/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>
   
diff --git a/src/views/page/cameraCenter.vue b/src/views/page/cameraCenter.vue
index aa1035d..c0d7568 100644
--- a/src/views/page/cameraCenter.vue
+++ b/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})
             }
         });
diff --git a/src/views/page/userEdit.vue b/src/views/page/userEdit.vue
new file mode 100644
index 0000000..d7df2b0
--- /dev/null
+++ b/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>
\ No newline at end of file