D:\Code\asp-vue-new\long.client\src\views\order\index.vue
| <script setup lang="ts"> |
| import { useOrder } from "@/stores/order" |
| const storeOrder = useOrder(); |
| |
| onMounted(async () => { |
| // await storeOrder.setOrders(); |
| // 👇 |
| await storeOrder.setOrdersByMock(); |
| }) |
| |
| </script> |
| <template> |
| <div></div> |
| </template> |
| <style lang="css"></style> |
src\stores\order.ts
| import { useOrderApi } from '@/api/order' |
| import { defineStore } from 'pinia' |
| export const useOrder = defineStore('orderStore', { |
| state: (): TOrderStoreState => ({ |
| orders: [] |
| }), |
| actions: { |
| getOrderById(id: number) { |
| }, |
| getPickingTotalQuantityByOrderIdIdAndZdjhm(id: number, zdjhm: string) { |
| }, |
| async setOrders() { |
| const res = await useOrderApi().getOrders() |
| this.orders = res.data |
| }, |
| |
| async setOrdersByMock() { |
| const res = await useOrderApi().mockOrders() |
| this.orders = res.data |
| } |
| } |
| }) |
src\api\order\index.ts
| |
| import request from '@/utils/request' |
| import mockOrderData from './mock' |
| |
| export function useOrderApi() { |
| return { |
| getOrders: (params?: object) => { |
| return request({ |
| url: '/api/Orders/allOrder', |
| method: 'get', |
| params |
| }) |
| }, |
| |
| mockOrders: (params?: object) => { |
| |
| return mockOrderData() |
| } |
| } |
| } |
src\api\order\mock.ts
| |
| export const mockOrderData = () => ({ |
| data: [ |
| { |
| Id: 2, |
| CreatorId: 0, |
| CreationTime: '2024-07-18 10:39:49', |
| LastModificationTime: '0001-01-01 00:00:00' |
| } |
| ] |
| }) |
| |
| export default mockOrderData |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战