From fc4fe75d24bf9e872dba49dbe0ab26978b78ae56 Mon Sep 17 00:00:00 2001
From: "PC-20230628KUOD\\Administrator" <1458671527@qq.com>
Date: Mon, 24 Jul 2023 15:51:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A1=B5=E9=9D=A2=E6=96=B0=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/info.ts                       |  10 +-
 public/favicon.ico                  | Bin 1270 -> 167659 bytes
 public/logo.svg                     |  95 +++++++++-
 public/serverConfig.json            |   2 +-
 src/api/user.ts                     |  16 +-
 src/router/modules/system.ts        |   8 +-
 src/style/login.css                 |   4 +-
 src/views/login/index.vue           |  15 +-
 src/views/permission/page/index.vue |   2 +-
 src/views/system/user/hook.tsx      | 285 ----------------------------
 src/views/system/user/index.vue     |  10 +-
 src/views/welcome/index.vue         | 240 +++++++++++++++++------
 12 files changed, 305 insertions(+), 382 deletions(-)
 delete mode 100644 src/views/system/user/hook.tsx

diff --git a/build/info.ts b/build/info.ts
index 209476d..17e5f53 100644
--- a/build/info.ts
+++ b/build/info.ts
@@ -17,15 +17,7 @@ export function viteBuildInfo(): Plugin {
       outDir = resolvedConfig.build?.outDir ?? "dist";
     },
     buildStart() {
-      console.log(
-        bold(
-          green(
-            `👏欢迎使用${blue(
-              "[tp-admin]"
-            )}，如果您感觉不错，记得点击后面链接给个star哦💖 https://github.com/pure-admin/vue-pure-admin`
-          )
-        )
-      );
+      console.log(bold(green(`👏欢迎使用${blue("[tp-admin]")}`)));
       if (config.command === "build") {
         startTime = dayjs(new Date());
       }
diff --git a/public/favicon.ico b/public/favicon.ico
index bef93d4b01212f57cecb50658e8c9518be13e607..286f155c2a32e997e225b809e0d6508afc4714d7 100644
GIT binary patch
literal 167659
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

literal 1270
zcmV<S1PS|zP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px(ut`KgR9Hu~mu*a2RT#(r=eE7z0C^Jz8!DR##z|jzZ413cjgEl9q1$4Zb4*!4
zXjK@R=~U)K+?GvQvStqBzAS3?L86&PjfvBRDVv}SWNy0Q3kb4JH)snHXnD*f0=Mn$
z3o0k+m;3ym|MR=gIX&lGh6N72)v@-pEvi*6?L;@NDA2N>7h=g4A{Mm<i=&!zqxGvp
zQJ1}Q+qx(9f|ftM5YL4J)Hrr9j$LTCMZV($(CaD@(v=@98bE%v{Z<!;Q;fLwQwJl9
zrG<KXi60^N!zQ)z@S*`2ERKT!s>K2d#^rozi|Cv!*48t1H)C9mNv+tmC;++D_EL^x
z@6DML`&inAwjP%aAoDmWjfGk^7AizYYd}|fEhcPA`8fl0Qe(!@*lvqzXzLum3B0NY
zKr}HtXI86T`CkF_7H2a9)ykSOTC=xu$!dTs|HMZ)H{F?^!Ji2QB4`JETJPnWqWEm|
z$u0Lrdp>6G3mWD9{~5qkO|fon>^OluT0d(XA3lu1&KHrFSAepzM?C5gQJq=K?+*qM
zumc9`*a6VA)t^b^m0kGb(yue&&6}%{m8F+TLz)V|00yh$K@g7mD}Ez)3>SJnnhWzh
zk8Rr;k(jttk`jC>WC4tI<I8E%eH=iV96+L~3;kU!J|VR_6P1-ucr6D!C8$-e`g;+1
z0E_c5fgY7hQn;>w8)}BbepS}9xTq9G#ii2NIEe1@cSiUC7_Fm)MBFF-h~u3t82qKn
z@7hXQnv7?+H-Y20`8^Bx)T~hz$|d;#7%Yyr0c?;HFJE#NeP164wy?2jQzde8@;r15
zXfSD1jo!%~0J+wYY>pHi{wkzQ9>T>RgYPf5r)%+8Rh_R5M>-*$@0JEU0E||9DUoEq
zmnaiez3A_<1$}!_5EC1R#+P36(GsZHtl_r?0;nKjZ_2jceH4A?z6c3G6z$$^LqtTR
z_cZ*eB&E)vWxve^JUU>o*tY|$Nv=x#=spY%TnrhYzWxQIrrzSKpLUlBy6_KW0gN@y
zGGgR&)8ROR`-eJAO#BrxK-0_naeZ`*%sOD@Lb~#ZJb=}yCL-}z^%${Xm+<>HJ3=lV
z7k2}8?%XG<XN0FsTGd?8V+z)<C&fUb^BRCCX?6^M8N=T;gbbk5<)ETs_H_16qbfne
zzaiTJ@u9)uI0+!%JI!_eakyMlAwd)stwC|IpVOGgAl(&Zc0%U{A`&+vj}dcqFNTNu
zf&wHjOF{kC=MfebE~{0IE29ktX7}5HnJ&~gTEXyu)M1(HE&Oy|Y);^@apM-~^(J`{
z;f$bFWk`emk7J92q{0M62L`$W-?+20jVLd#3Pkvfpi%7!2|yGXEshofDrXZ`s*d6N
zuK7EF)M(w>hfr|GJ${Q5sKcz`bG-#Y?}Xx~7y$8mU}mhK7Mwdfe;TIVyb>k%twUPc
zs(^E&;FR%s>CER04+<c<3bkX&t|?>@xw6S^HzZ9QG3RDwUU%Cn4H6O(gRBZR1WsWT
z(pkTpFeCuE#FM@5TAH424p^PB*9En*CXnV|1Bj+4zMERj5i$VE1Y;Q>Br%|a#2-y}
gnzdo?2K(3i4UB<+FiBYjEC2ui07*qoM6N<$f(X(_s{jB1

diff --git a/public/logo.svg b/public/logo.svg
index bc26056..0eaa8c8 100644
--- a/public/logo.svg
+++ b/public/logo.svg
@@ -1 +1,94 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="icon" viewBox="0 0 1024 1024"><path fill="#386BF3" d="M410.558.109c0 210.974-300.876 361.752-300.876 633.548 0 174.943 134.704 316.787 300.876 316.787s300.877-141.817 300.877-316.787C711.408 361.752 410.558 210.974 410.558.109z"/><path fill="#C3D2FB" d="M613.469 73.665c0 211.055-300.877 361.914-300.877 633.547C312.592 882.156 447.296 1024 613.47 1024s300.876-141.817 300.876-316.788C914.29 435.58 613.469 284.72 613.469 73.665z"/><path fill="#303F5B" d="M312.592 707.212c0-183.713 137.636-312.171 226.723-441.39 81.702 106.112 172.12 218.74 172.12 367.726A309.755 309.755 0 0 1 420.36 950.064a323.114 323.114 0 0 1-107.769-242.852z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">  <image id="image0" width="300" height="300" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/public/serverConfig.json b/public/serverConfig.json
index 0416e1f..aec550f 100644
--- a/public/serverConfig.json
+++ b/public/serverConfig.json
@@ -19,5 +19,5 @@
   "CachingAsyncRoutes": false,
   "TooltipEffect": "light",
   "ResponsiveStorageNameSpace": "responsive-",
-  "AdminHostUrl": "http://192.168.10.13:8000/api/"
+  "AdminHostUrl": "http://192.168.10.81:8848/"
 }
diff --git a/src/api/user.ts b/src/api/user.ts
index ca90302..af7cfff 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -1,5 +1,5 @@
 import { http } from "@/utils/http";
-import {getConfig} from "@/config";
+// import { getConfig } from "@/config";
 
 export type UserResult = {
   success: boolean;
@@ -32,16 +32,16 @@ export type RefreshTokenResult = {
 };
 
 /** 登录 */
-// export const getLogin = (data?: object) => {
-//   return http.request<UserResult>("post", "/login", { data });
-// };
-
 export const getLogin = (data?: object) => {
-  const AdminHostUrl = getConfig().AdminHostUrl;
-  const url = AdminHostUrl + "login"
-  return http.request<UserResult>("post", url, { data });
+  return http.request<UserResult>("post", "/login", { data });
 };
 
+// export const getLogin = (data?: object) => {
+//   const AdminHostUrl = getConfig().AdminHostUrl;
+//   const url = AdminHostUrl + "login";
+//   return http.request<UserResult>("post", url, { data });
+// };
+
 /** 刷新token */
 export const refreshTokenApi = (data?: object) => {
   return http.request<RefreshTokenResult>("post", "/refreshToken", { data });
diff --git a/src/router/modules/system.ts b/src/router/modules/system.ts
index cec6b91..ec52c67 100644
--- a/src/router/modules/system.ts
+++ b/src/router/modules/system.ts
@@ -10,16 +10,16 @@ export default {
     {
       path: "/system/user/index",
       name: "users",
-      // component: () => import("@/views/system/user/index.vue"),
-      component: () => import("@/views/common/common.vue"),
+      component: () => import("@/views/system/user/index.vue"),
+      // component: () => import("@/views/common/common.vue"),
       meta: {
         title: "用户"
       }
     },
     {
-      path: "/system/roles",
+      path: "/system/roles/index",
       name: "roles",
-      component: () => import("@/views/common/common.vue"),
+      component: () => import("@/views/system/roles/index.vue"),
       meta: {
         title: "角色"
       }
diff --git a/src/style/login.css b/src/style/login.css
index 781826c..7f86094 100644
--- a/src/style/login.css
+++ b/src/style/login.css
@@ -10,7 +10,9 @@
   width: 100vw;
   height: 100vh;
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  /* grid-template-columns: repeat(2, 1fr); */
+  align-items: center;
+  justify-content: center;
   grid-gap: 18rem;
   padding: 0 2rem;
 }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0ec8680..449069c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -8,9 +8,9 @@ import type { FormInstance } from "element-plus";
 import { useLayout } from "@/layout/hooks/useLayout";
 import { useUserStoreHook } from "@/store/modules/user";
 import { initRouter, getTopMenu } from "@/router/utils";
-import { bg, avatar, illustration } from "./utils/static";
+import { avatar } from "./utils/static";
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import { ref, reactive, toRaw, onMounted, onBeforeUnmount } from "vue";
+import { ref, reactive, onMounted, onBeforeUnmount } from "vue";
 import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
 
 import dayIcon from "@/assets/svg/day.svg?component";
@@ -43,7 +43,10 @@ const onLogin = async (formEl: FormInstance | undefined) => {
   await formEl.validate((valid, fields) => {
     if (valid) {
       useUserStoreHook()
-        .loginByUsername({ username: ruleForm.username, password: ruleForm.password })
+        .loginByUsername({
+          username: ruleForm.username,
+          password: ruleForm.password
+        })
         .then(res => {
           if (res.success) {
             // 获取后端路由
@@ -81,7 +84,7 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="select-none">
-    <img :src="bg" class="wave" />
+    <!-- <img :src="bg" class="wave" /> -->
     <div class="flex-c absolute right-5 top-3">
       <!-- 主题 -->
       <el-switch
@@ -93,9 +96,9 @@ onBeforeUnmount(() => {
       />
     </div>
     <div class="login-container">
-      <div class="img">
+      <!-- <div class="img">
         <component :is="toRaw(illustration)" />
-      </div>
+      </div> -->
       <div class="login-box">
         <div class="login-form">
           <avatar class="avatar" />
diff --git a/src/views/permission/page/index.vue b/src/views/permission/page/index.vue
index f02ad5a..7cad248 100644
--- a/src/views/permission/page/index.vue
+++ b/src/views/permission/page/index.vue
@@ -45,7 +45,7 @@ function onChange() {
 <template>
   <el-space direction="vertical" size="large">
     <el-tag :style="elStyle" size="large" effect="dark">
-      模拟后台根据不同角色返回对应路由（具体参考完整版pure-admin代码）
+      模拟后台根据不同角色返回对应路由
     </el-tag>
     <el-card shadow="never" :style="elStyle">
       <template #header>
diff --git a/src/views/system/user/hook.tsx b/src/views/system/user/hook.tsx
deleted file mode 100644
index 9793531..0000000
--- a/src/views/system/user/hook.tsx
+++ /dev/null
@@ -1,285 +0,0 @@
-import dayjs from "dayjs";
-import { message } from "@/utils/message";
-// import { getUserList } from "@/api/system";
-import { ElMessageBox } from "element-plus";
-import { type PaginationProps } from "@pureadmin/table";
-import { reactive, ref, computed, onMounted } from "vue";
-import { http } from "@/utils/http";
-
-export function useUser() {
-  const form = reactive({
-    username: "",
-    mobile: "",
-    status: ""
-  });
-  const dataList = ref([]);
-  const loading = ref(true);
-  const switchLoadMap = ref({});
-  const pagination = reactive<PaginationProps>({
-    total: 0,
-    pageSize: 10,
-    currentPage: 1,
-    background: true
-  });
-  const columns: TableColumnList = [
-    {
-      label: "序号",
-      type: "index",
-      width: 70,
-      fixed: "left"
-    },
-    // {
-    //   label: "用户编号",
-    //   prop: "id",
-    //   minWidth: 130
-    // },
-    {
-      label: "用户名称",
-      prop: "username",
-      minWidth: 130
-    },
-    // {
-    //   label: "用户昵称",
-    //   prop: "nickname",
-    //   minWidth: 130
-    // },
-    {
-      label: "性别",
-      prop: "sex",
-      minWidth: 90,
-      cellRenderer: ({ row, props }) => (
-        <el-tag
-          size={props.size}
-          type={row.sex === 1 ? "danger" : ""}
-          effect="plain"
-        >
-          {row.sex === 1 ? "女" : "男"}
-        </el-tag>
-      )
-    },
-    {
-      label: "组织",
-      prop: "dept",
-      minWidth: 90,
-      formatter: ({ dept }) => dept.name
-    },
-    {
-      label: "手机号码",
-      prop: "mobile",
-      minWidth: 90
-    },
-    {
-      label: "状态",
-      prop: "status",
-      minWidth: 90,
-      cellRenderer: scope => (
-        <el-switch
-          size={scope.props.size === "small" ? "small" : "default"}
-          loading={switchLoadMap.value[scope.index]?.loading}
-          v-model={scope.row.status}
-          active-value={1}
-          inactive-value={0}
-          active-text="已开启"
-          inactive-text="已关闭"
-          inline-prompt
-          onChange={() => onChange(scope as any)}
-        />
-      )
-    },
-    {
-      label: "创建时间",
-      minWidth: 90,
-      prop: "createTime",
-      formatter: ({ createTime }) =>
-        dayjs(createTime).format("YYYY-MM-DD HH:mm:ss")
-    },
-    {
-      label: "操作",
-      fixed: "right",
-      width: 180,
-      slot: "operation"
-    }
-  ];
-  const buttonClass = computed(() => {
-    return [
-      "!h-[20px]",
-      "reset-margin",
-      "!text-gray-500",
-      "dark:!text-white",
-      "dark:hover:!text-primary"
-    ];
-  });
-
-  function onChange({ row, index }) {
-    ElMessageBox.confirm(
-      `确认要<strong>${
-        row.status === 0 ? "停用" : "启用"
-      }</strong><strong style='color:var(--el-color-primary)'>${
-        row.username
-      }</strong>用户吗?`,
-      "系统提示",
-      {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-        dangerouslyUseHTMLString: true,
-        draggable: true
-      }
-    )
-      .then(() => {
-        switchLoadMap.value[index] = Object.assign(
-          {},
-          switchLoadMap.value[index],
-          {
-            loading: true
-          }
-        );
-        setTimeout(() => {
-          switchLoadMap.value[index] = Object.assign(
-            {},
-            switchLoadMap.value[index],
-            {
-              loading: false
-            }
-          );
-          message("已成功修改用户状态", {
-            type: "success"
-          });
-        }, 300);
-      })
-      .catch(() => {
-        row.status === 0 ? (row.status = 1) : (row.status = 0);
-      });
-  }
-
-  function handleUpdate(row) {
-    console.log(row);
-  }
-
-  function handleDelete(row) {
-    console.log(row);
-  }
-
-  function handleSizeChange(val: number) {
-    console.log(`${val} items per page`);
-  }
-
-  function handleCurrentChange(val: number) {
-    console.log(`current page: ${val}`);
-  }
-
-  function handleSelectionChange(val) {
-    console.log("handleSelectionChange", val);
-  }
-
-  const userList = {
-    list: [
-      {
-        username: "admin",
-        nickname: "admin",
-        remark: "管理员",
-        deptId: 103,
-        postIds: [1],
-        mobile: "15888888888",
-        sex: 0,
-        id: 1,
-        status: 0,
-        createTime: 1605456000000,
-        dept: {
-          id: 103,
-          name: "研发部门"
-        }
-      },
-      {
-        username: "pure",
-        nickname: "pure",
-        remark: "不要吓我",
-        deptId: 104,
-        postIds: [1],
-        mobile: "15888888888",
-        sex: 0,
-        id: 100,
-        status: 1,
-        createTime: 1605456000000,
-        dept: {
-          id: 104,
-          name: "市场部门"
-        }
-      },
-      {
-        username: "lucy",
-        nickname: "girl",
-        remark: null,
-        deptId: 106,
-        postIds: null,
-        mobile: "15888888888",
-        sex: 1,
-        id: 103,
-        status: 1,
-        createTime: 1605456000000,
-        dept: {
-          id: 106,
-          name: "财务部门"
-        }
-      },
-      {
-        username: "mike",
-        nickname: "boy",
-        remark: null,
-        deptId: 107,
-        postIds: [],
-        mobile: "15888888888",
-        sex: 0,
-        id: 104,
-        status: 0,
-        createTime: 1605456000000,
-        dept: {
-          id: 107,
-          name: "运维部门"
-        }
-      }
-    ],
-    total: 4
-  };
-
-  function getUserList() {
-    // http.request("post", "/login")
-    return userList;
-  }
-
-  async function onSearch() {
-    loading.value = true;
-    const data = getUserList();
-    dataList.value = data.list;
-    pagination.total = data.total;
-    setTimeout(() => {
-      loading.value = false;
-    }, 500);
-  }
-
-  const resetForm = formEl => {
-    if (!formEl) return;
-    formEl.resetFields();
-    onSearch();
-  };
-
-  onMounted(() => {
-    onSearch();
-  });
-
-  return {
-    form,
-    loading,
-    columns,
-    dataList,
-    pagination,
-    buttonClass,
-    onSearch,
-    resetForm,
-    handleUpdate,
-    handleDelete,
-    handleSizeChange,
-    handleCurrentChange,
-    handleSelectionChange
-  };
-}
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 888d903..a936a8f 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { useUser } from "./hook";
+import { useUser } from "./utils/hook";
 import { PureTableBar } from "@/components/RePureTableBar";
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import { PureTable } from "@pureadmin/table";
@@ -14,7 +14,6 @@ import Search from "@iconify-icons/ep/search";
 import Refresh from "@iconify-icons/ep/refresh";
 import AddFill from "@iconify-icons/ri/add-circle-line";
 
-
 defineOptions({
   name: "User"
 });
@@ -28,6 +27,7 @@ const {
   pagination,
   buttonClass,
   onSearch,
+  openDialog,
   resetForm,
   handleUpdate,
   handleDelete,
@@ -91,7 +91,11 @@ const {
 
       <PureTableBar title="用户管理" :columns="columns" @refresh="onSearch">
         <template #buttons>
-          <el-button type="primary" :icon="useRenderIcon(AddFill)">
+          <el-button
+            type="primary"
+            :icon="useRenderIcon(AddFill)"
+            @click="openDialog()"
+          >
             新增用户
           </el-button>
         </template>
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index 1851c1d..a3df214 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -1,8 +1,11 @@
 <script setup lang="ts">
 import axios from "axios";
-import { onMounted, ref } from "vue";
-import dplayer from "@/components/VideoPlayer/MyPlayer.vue";
-import OurPlayer from "@/components/VideoPlayer/OurPlayer.vue";
+import { onMounted, ref, reactive } from "vue";
+// import dplayer from "@/components/VideoPlayer/MyPlayer.vue";
+// import OurPlayer from "@/components/VideoPlayer/OurPlayer.vue";
+import { PureTableBar } from "@/components/RePureTableBar";
+import { PureTable } from "@pureadmin/table";
+import { type PaginationProps } from "@pureadmin/table";
 import { ElMessageBox, ElMessage } from "element-plus";
 import { getConfig } from "@/config";
 import { getToken, formatToken } from "@/utils/auth";
@@ -33,26 +36,25 @@ const tableData = ref([]);
 const eventMap = ref({});
 
 const violationMap = ref({
-  "是": "1",
-  "否": "0",
-  "所有": "2"
-})
-
-
-function playVideo(data) {
-  data = JSON.parse(JSON.stringify(data));
-  // console.log(AdminHostUrl)
-  dialogVisible.value = true;
-  const highlights = [
-    // 进度条时间点高亮
-    {
-      text: data.event_type,
-      time: data.relative_time
-    }
-  ];
-  sessionStorage.setItem("video_url", data.video_dir);
-  sessionStorage.setItem("highlights", JSON.stringify(highlights));
-}
+  是: "1",
+  否: "0",
+  所有: "2"
+});
+
+// function playVideo(data) {
+//   data = JSON.parse(JSON.stringify(data));
+//   // console.log(AdminHostUrl)
+//   dialogVisible.value = true;
+//   const highlights = [
+//     // 进度条时间点高亮
+//     {
+//       text: data.event_type,
+//       time: data.relative_time
+//     }
+//   ];
+//   sessionStorage.setItem("video_url", data.video_dir);
+//   sessionStorage.setItem("highlights", JSON.stringify(highlights));
+// }
 
 function onSearch() {
   let start_time;
@@ -88,12 +90,18 @@ function onSearch() {
       } else {
         tableData.value = response.data.results;
       }
+      setTimeout(() => {
+        loading.value = false;
+      }, 500);
     })
     .catch(error => {
       ElMessage({
         message: "网络暂不通畅",
         type: "warning"
-      })
+      });
+      setTimeout(() => {
+        loading.value = false;
+      }, 500);
       console.log(error);
     });
 }
@@ -129,7 +137,6 @@ const handleClose = (done: () => void) => {
 };
 
 function getEvents() {
-
   axios({
     url: AdminHostUrl + "events",
     headers: {
@@ -144,19 +151,72 @@ function getEvents() {
       ElMessage({
         message: "网络暂不通畅",
         type: "warning"
-      })
+      });
       console.log(error);
     });
-
 }
 
-function pickerOptions(time){
-  return time.getTime() > Date.now()
+function pickerOptions(time) {
+  return time.getTime() > Date.now();
 }
 
 const now_date = new Date();
-now_date.setMonth(now_date.getMonth() - 1)
-const lastMonth = now_date
+now_date.setMonth(now_date.getMonth() - 1);
+const lastMonth = now_date;
+
+const columns: TableColumnList = [
+  {
+    label: "记录仪日期时间",
+    prop: "record_time",
+    minWidth: 100,
+    sortable: true
+  },
+  {
+    label: "警号",
+    prop: "police_id",
+    minWidth: 100
+  },
+  {
+    label: "违法行为",
+    prop: "event_type",
+    minWidth: 100
+  },
+  {
+    label: "是否违规",
+    prop: "is_violation",
+    minWidth: 100
+  },
+  {
+    label: "违规行为",
+    prop: "ai_analysis",
+    minWidth: 100
+  },
+  {
+    label: "时间点",
+    prop: "relative_time",
+    minWidth: 100
+  },
+  {
+    label: "缩率图",
+    slot: "image"
+  },
+  {
+    label: "车牌号",
+    prop: "car_number",
+    minWidth: 100
+  },
+  {
+    label: "视频",
+    slot: "video"
+  }
+];
+const loading = ref(true);
+const pagination = reactive<PaginationProps>({
+  total: totalNumber.value,
+  pageSize: pageSize.value,
+  currentPage: currentPage.value,
+  background: true
+});
 
 onMounted(() => {
   onSearch();
@@ -164,16 +224,20 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="hello">
+  <div class="main">
     <el-dialog
       width="60%"
       v-model="dialogVisible"
       :before-close="handleClose"
       destroy-on-close
     >
-      <our-player></our-player>
+      <our-player />
     </el-dialog>
-    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+    <el-form
+      :inline="true"
+      :model="formInline"
+      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]"
+    >
       <el-form-item label="日期:" style="font-weight: bold">
         <el-date-picker
           v-model="formInline.date"
@@ -189,24 +253,53 @@ onMounted(() => {
       </el-form-item>
 
       <el-form-item label="警号:">
-        <el-input v-model="formInline.policeId" placeholder="警号" clearable style="width: 198px" />
+        <el-input
+          v-model="formInline.policeId"
+          placeholder="警号"
+          clearable
+          style="width: 198px"
+        />
       </el-form-item>
 
       <el-form-item label="违法行为:">
         <!--        <el-input v-model="formInline.event" placeholder="事件"/>-->
-        <el-select v-model="formInline.event" placeholder="违法行为" clearable @click="getEvents">
-          <el-option v-for="(event, type) in eventMap" :key="type" :label="event" :value="event"></el-option>
+        <el-select
+          v-model="formInline.event"
+          placeholder="违法行为"
+          clearable
+          @click="getEvents"
+        >
+          <el-option
+            v-for="(event, type) in eventMap"
+            :key="type"
+            :label="event"
+            :value="event"
+          />
         </el-select>
       </el-form-item>
 
       <el-form-item label="是否违规:">
-        <el-select v-model="formInline.violation" placeholder="是否违规" clearable>
-          <el-option v-for="(event, type) in violationMap" :key="event" :label="type" :value="type"></el-option>
+        <el-select
+          v-model="formInline.violation"
+          placeholder="是否违规"
+          clearable
+        >
+          <el-option
+            v-for="(event, type) in violationMap"
+            :key="event"
+            :label="type"
+            :value="type"
+          />
         </el-select>
       </el-form-item>
 
       <el-form-item label="违规行为:">
-        <el-input v-model="formInline.violationType" placeholder="违规行为" clearable style="width: 198px" />
+        <el-input
+          v-model="formInline.violationType"
+          placeholder="违规行为"
+          clearable
+          style="width: 198px"
+        />
       </el-form-item>
 
       <el-form-item>
@@ -214,14 +307,47 @@ onMounted(() => {
       </el-form-item>
 
       <el-form-item>
-        <el-button @click="handleRefresh"
-        >刷新
-        </el-button
-        >
+        <el-button @click="handleRefresh">刷新 </el-button>
       </el-form-item>
     </el-form>
-
-    <el-table
+    <PureTableBar title="首页列表" :columns="columns" @refresh="onSearch">
+      <template v-slot="{ size, dynamicColumns }">
+        <pure-table
+          border
+          adaptive
+          align-whole="center"
+          table-layout="auto"
+          :loading="loading"
+          :size="size"
+          :data="tableData"
+          :columns="dynamicColumns"
+          :pagination="pagination"
+          :paginationSmall="size === 'small' ? true : false"
+          :header-cell-style="{
+            background: 'var(--el-table-row-hover-bg-color)',
+            color: 'var(--el-text-color-primary)'
+          }"
+          @page-size-change="handleSizeChange"
+          @page-current-change="handleCurrentChange"
+        >
+          <template #image="{ row, index }">
+            <el-image
+              preview-teleported
+              loading="lazy"
+              :src="row.image"
+              :preview-src-list="[row.small_image]"
+              :initial-index="index"
+            />
+          </template>
+          <template #video="{ row }">
+            <video width="180" height="180" controls>
+              <source :src="row.video_dir" type="video/mp4" />
+            </video>
+          </template>
+        </pure-table>
+      </template>
+    </PureTableBar>
+    <!-- <el-table
       :data="tableData"
       stripe
       :default-sort="{ prop: 'record_time', order: 'descending' }"
@@ -229,13 +355,7 @@ onMounted(() => {
     >
       <el-table-column prop="record_time" sortable label="记录仪日期时间" />
       <el-table-column prop="police_id" label="警号" />
-      <el-table-column prop="event_type" label="违法行为">
-<!--        <template v-slot="scope">-->
-<!--          <span>-->
-<!--            {{ scope.row.event_type || "未定义事件" }}-->
-<!--          </span>-->
-<!--        </template>-->
-      </el-table-column>
+      <el-table-column prop="event_type" label="违法行为" />
 
       <el-table-column prop="is_violation" label="是否违规">
         <template v-slot="scope">
@@ -270,9 +390,7 @@ onMounted(() => {
             <span v-if="scope.row.video_dir">播放视频</span>
             <span v-else>暂无视频</span>
           </el-button>
-
         </template>
-
       </el-table-column>
     </el-table>
     <el-pagination
@@ -284,7 +402,7 @@ onMounted(() => {
       v-model:page-size="pageSize"
       layout="total, sizes, prev, pager, next"
       :total="totalNumber"
-    />
+    /> -->
   </div>
 </template>
 
@@ -294,11 +412,8 @@ h3 {
 }
 
 ul {
-  list-style-type: none;
   padding: 0;
-}
-
-li {
+  list-style-type: none;
 }
 
 a {
@@ -307,13 +422,13 @@ a {
 
 .hello {
   margin: 5px auto;
-  text-align: right;
   overflow: hidden;
+  text-align: right;
 }
 
 .demo-form-inline {
-  align-items: center;
   display: flex;
+  align-items: center;
   justify-content: flex-end;
   margin: 0 auto;
 }
@@ -323,5 +438,4 @@ a {
   justify-content: flex-end;
   margin: 0 auto;
 }
-
 </style>