Merge branch 'master' of gitee.com:li_xiang0402/testing-software

src/api/login.js

@@ -25,3 +25,10 @@ export const productList = (params) => {
     params
   });
 };
+export const deviceList = (params) => {
+  return request({
+    url: "/device-info/page",
+    method: "get",
+    params
+  });
+};

src/router/index.js

@@ -23,6 +23,11 @@ const routes = [
         name: 'test',
         component: () => import('../views/Test.vue'),
       },
+      {
+        path:'/deviceManage',
+        name:'test',
+        component:() =>import('../views/deviceManage.vue')
+      }
     ],
   },
 ]

src/views/Layout.vue

@@ -18,6 +18,7 @@
             <el-menu router :default-active="route.path">
               <el-menu-item index="/test">Test</el-menu-item>
               <el-menu-item index="/home">主页</el-menu-item>
+              <el-menu-item index="/deviceManage">设备管理</el-menu-item>
             </el-menu>
           </el-scrollbar>
         </el-aside>

src/views/deviceManage.vue

@@ -0,0 +1,54 @@
+<template>
+    <div>
+      <el-table :data="tableData" style="width: 100%" border size="large ">
+        <el-table-column prop="index" label="#" align="center" />
+        <el-table-column prop="deviceCode" label="设备编号" align="center" />
+        <el-table-column prop="deviceName" label="设备名称" align="center" />
+        <el-table-column prop="createTime" label="创建时间" align="center" />
+      </el-table>
+      <div class="mt-5 flex items-center justify-end">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :total="total"
+          :page-size="10"
+          :pager-count="11"
+          :current-page="page.current"
+          @current-change="currentChange"
+        />
+      </div>
+    </div>
+  </template>
+  <script setup >
+  import { deviceList } from "@/api/login";
+  import { onMounted, ref } from "vue";
+  const tableData = ref([]);
+  const page = ref({
+    current: 1,
+    size: 10,
+  });
+  const total = ref(0);
+  const getList = async () => {
+    let { code, data } = await deviceList(page.value);
+    if (code != 200) return;
+    tableData.value = data.records.map((item,i)=>({...item,index:(page.value.current-1)*10+i+1}));
+    total.value = data.total;
+  };
+  const currentChange = (val) => {
+    page.value.current = val;
+    getList();
+  };
+  onMounted(() => {
+    var time = new Date('2023-04-23T09:39:26.000+00:00')
+    console.log(time)
+    getList();
+  });
+  </script>
+  <script>
+  export default {
+    name: "Home",
+  };
+  </script>
+  <style scoped lang="scss">
+  </style>
+