[tag] 实现工单列表

src/router/elegant/routes.ts

@@ -56,7 +56,8 @@ export const generatedRoutes: GeneratedRoute[] = [
     component: 'layout.base$view.department',
     meta: {
       title: 'department',
-      i18nKey: 'route.department'
+      i18nKey: 'route.department',
+      order: 22
     }
   },
   {
@@ -65,7 +66,8 @@ export const generatedRoutes: GeneratedRoute[] = [
     component: 'layout.base$view.employee',
     meta: {
       title: 'employee',
-      i18nKey: 'route.employee'
+      i18nKey: 'route.employee',
+      order: 23
     }
   },
   {
@@ -74,7 +76,8 @@ export const generatedRoutes: GeneratedRoute[] = [
     component: 'layout.base$view.facility',
     meta: {
       title: 'facility',
-      i18nKey: 'route.facility'
+      i18nKey: 'route.facility',
+      order: 24
     }
   },
   {
@@ -363,7 +366,8 @@ export const generatedRoutes: GeneratedRoute[] = [
     component: 'layout.base$view.orders',
     meta: {
       title: 'orders',
-      i18nKey: 'route.orders'
+      i18nKey: 'route.orders',
+      order: 20
     }
   },
   {
@@ -372,7 +376,8 @@ export const generatedRoutes: GeneratedRoute[] = [
     component: 'layout.base$view.plan',
     meta: {
       title: 'plan',
-      i18nKey: 'route.plan'
+      i18nKey: 'route.plan',
+      order: 21
     }
   },
   {

src/store/modules/auth/index.ts

@@ -65,13 +65,11 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
 
     const { response, error } = await fetchLogin(userName, password);
 
-    console.log(response)
-
     let accessToken = response.data.token;
     let loginToken: Api.Auth.LoginToken = { token: accessToken, refreshToken: "" };
     let userId = response.data.employeeId
 
-    if (1) {
+    if (error?.status == 200) {
       const pass = await loginByToken(loginToken,userId);
 
       if (pass) {
@@ -109,8 +107,9 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
   async function getUserInfo() {
     const { response, error } = await fetchGetUserInfo();
     let data:any = response.data.data
-    console.log(data.name)
-    console.log(error?.status == 200)
+    
+    //console.log(data.name)
+    //console.log(error?.status == 200)
 
     if (error?.status == 200) {
       let info: Api.Auth.UserInfo = {
@@ -121,6 +120,7 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
       };
       Object.assign(userInfo, info);
 
+      console.log("getUserInfo")
       return true;
     }
 

src/views/orders/index.vue

@@ -1,7 +1,127 @@
-<script setup lang="ts"></script>
-
 <template>
-  <div>orders</div>
+  <a-table
+    :columns="columns"
+    :data-source="tableData"
+    :pagination="pagination"
+    @change="handleTableChange"
+  >
+    <!-- 如果需要自定义列，可以在这里添加 slot -->
+  </a-table>
 </template>
 
-<style scoped></style>
+<script setup>
+import { ref, onMounted } from 'vue';
+import { Table, message } from 'ant-design-vue'; // 导入 Table 和 message 组件
+import axios from 'axios'; // 用于 HTTP 请求
+import { localStg } from '@/utils/storage';
+
+// 定义表格列
+const columns = [
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    key: 'id',
+  },
+  {
+    title: 'Facility Code',
+    dataIndex: 'facilityCode',
+    key: 'facilityCode',
+  },
+  {
+    title: 'Facility Type',
+    dataIndex: 'facilityType',
+    key: 'facilityType',
+  },
+  {
+    title: 'Creator Name',
+    dataIndex: 'creatorName',
+    key: 'creatorName',
+  },
+  {
+    title: 'Assignee Name',
+    dataIndex: 'assigneeName',
+    key: 'assigneeName',
+  },
+  {
+    title: 'Description',
+    dataIndex: 'description',
+    key: 'description',
+  },
+  {
+    title: 'Status',
+    dataIndex: 'status',
+    key: 'status',
+  },
+  {
+    title: 'Create Time',
+    dataIndex: 'createTime',
+    key: 'createTime',
+  },
+  {
+    title: 'Complete Time',
+    dataIndex: 'completeTime',
+    key: 'completeTime',
+  },
+  {
+    title: 'Cost',
+    dataIndex: 'cost',
+    key: 'cost',
+  },
+];
+
+// 状态变量
+const tableData = ref([]); // 表格数据源，来自 API 的 data.content
+const pagination = ref({
+  current: 1, // 当前页（前端从 1 开始）
+  pageSize: 10, // 每页大小
+  total: 0, // 总记录数
+  showSizeChanger: true, // 是否显示每页大小切换
+  showQuickJumper: true, // 是否显示快速跳转
+});
+
+// 发起 API 请求的函数
+const fetchData = async (page = 1, size = 10) => {
+  try {
+    const token = localStg.get('token'); // 替换为你的 token 键
+
+    const response = await axios.get('http://localhost:8080/api/work-orders/my-orders', {
+      params: {
+        page: page - 1, // 后端 pageNumber 从 0 开始，前端从 1 开始，所以减 1
+        size: size,
+      },
+      headers: {
+        Authorization: `Bearer ${token}`, // 添加 Authorization 头部
+      },
+    });
+
+    if (response.data.success) {
+      tableData.value = response.data.data.content; // 更新数据源
+      pagination.value.total = response.data.data.totalElements; // 更新总记录数
+      pagination.value.current = response.data.data.number + 1; // 更新当前页
+      pagination.value.pageSize = response.data.data.size; // 更新每页大小
+    } else {
+      message.error(response.data.errorMsg || '请求失败');
+    }
+  } catch (error) {
+    message.error('网络错误或服务器异常');
+    console.error(error);
+  }
+};
+
+// 处理表格变化（分页变化时调用）
+const handleTableChange = (pagination) => {
+  fetchData(pagination.current, pagination.pageSize);
+};
+
+// 组件挂载时加载数据
+onMounted(() => {
+  fetchData(); // 初始加载第一页数据
+});
+</script>
+
+<style scoped>
+/* 可选：添加一些样式 */
+.a-table {
+  margin-top: 20px;
+}
+</style>