前端开发

import { adminRequest } from '@/utils/http'

const prefix = '/admin/shop/order'

/** 列表 */
export function fetchShopOrderList(params: any) {
  return adminRequest.get<Record<string, any>>({
    url: `${prefix}/list`,
    params
  })
}

/** 保存 */
export function fetchShopOrderEdit(params: any) {
  return adminRequest.post<any>({
    url: `${prefix}/edit`,
    params
  })
}

/** 删除 */
export function fetchShopOrderDelete(id: number) {
  return adminRequest.post<any>({
    url: `${prefix}/delete`,
    params: { id }
  })
}

<!-- web/src/addons/shop/views/order/index.vue -->
<template>
  <div class="shop-order-page art-full-height">
    <ElCard class="art-table-card" shadow="never">
      <ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
        <template #left>
          <ElButton type="primary" @click="openDialog()">新增</ElButton>
        </template>
      </ArtTableHeader>
      <ArtTable :data="tableData" :columns="columns" :loading="loading" />
      <ArtPagination :total="total" v-model:page="page" @change="loadData" />
    </ElCard>
    <OrderDialog ref="dialogRef" @success="loadData" />
  </div>
</template>

web/src/addons/shop/views/order/index.vue