重新整理仓库

src/views/shop/shopGoods/components/extra.vue

@@ -0,0 +1,41 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space
+    style="flex-wrap: wrap"
+    v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')"
+  >
+    <a-button type="text" @click="push('/website/navigation')">商品分类</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { watch, nextTick } from 'vue';
+  import { CmsWebsite } from '@/api/cms/cmsWebsite/model';
+  import { push } from '@/utils/common';
+  import { hasRole } from '@/utils/permission';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      website?: CmsWebsite;
+      count?: 0;
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'add'): void;
+  }>();
+
+  nextTick(() => {
+    if (localStorage.getItem('NotActive')) {
+      // IsActive.value = false
+    }
+  });
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/shopGoods/components/search.vue

@@ -0,0 +1,141 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-radio-group v-model:value="type" @change="handleSearch">
+      <a-radio-button value="出售中"
+        >出售中({{ goodsCount?.totalNum }})
+      </a-radio-button>
+      <a-radio-button value="待上架"
+        >待上架({{ goodsCount?.totalNum2 }})
+      </a-radio-button>
+      <a-radio-button value="已售罄"
+        >已售罄({{ goodsCount?.totalNum3 }})
+      </a-radio-button>
+    </a-radio-group>
+    <a-tree-select
+      allow-clear
+      :tree-data="navigationList"
+      tree-default-expand-all
+      style="width: 240px"
+      :listHeight="700"
+      placeholder="请选择栏目"
+      :value="where.categoryId || undefined"
+      :dropdown-style="{ overflow: 'auto' }"
+      @update:value="(value?: number) => (where.categoryId = value)"
+      @change="onCategoryId"
+    />
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 360px"
+      v-model:value="where.keywords"
+      @pressEnter="reload"
+      @search="reload"
+    />
+    <a-button type="text" @click="reset">重置</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import { ref, watch } from 'vue';
+  import { getCount } from '@/api/shop/shopGoods';
+  import type { GoodsCount, ShopGoodsParam } from '@/api/shop/shopGoods/model';
+  import useSearch from '@/utils/use-search';
+  import { getMerchantId } from '@/utils/merchant';
+  import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      merchantId?: number;
+      navigationList?: CmsNavigation[];
+    }>(),
+    {
+      merchantId: getMerchantId()
+    }
+  );
+
+  const type = ref<string>();
+  // 统计数据
+  const goodsCount = ref<GoodsCount>();
+
+  // 表单数据
+  const { where, resetFields } = useSearch<ShopGoodsParam>({
+    goodsId: undefined,
+    isShow: undefined,
+    status: undefined,
+    stock: undefined,
+    categoryId: undefined,
+    merchantId: undefined,
+    keywords: ''
+  });
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopGoodsParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  const handleSearch = (e) => {
+    const text = e.target.value;
+    resetFields();
+    if (text === '出售中') {
+      where.sceneType = 'on_sale';
+    }
+    if (text === '待上架') {
+      where.sceneType = 'pending';
+    }
+    if (text === '已售罄') {
+      where.sceneType = 'sold_out';
+    }
+    emit('search', where);
+  };
+
+  const reload = () => {
+    getCount(where).then((data: any) => {
+      goodsCount.value = data;
+    });
+    emit('search', where);
+  };
+
+  /*  重置 */
+  const reset = () => {
+    resetFields();
+    type.value = '';
+    reload();
+  };
+
+  // 按分类查询
+  const onCategoryId = (id: number) => {
+    where.categoryId = id;
+    emit('search', where);
+  };
+
+  watch(
+    () => props.merchantId,
+    (id) => {
+      if (Number(id) > 0) {
+        where.merchantId = id;
+        reload();
+      } else {
+        where.merchantId = undefined;
+        reload();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/shopGoods/index.vue

@@ -0,0 +1,319 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="goodsId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            :navigationList="navigationList"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'name'">
+            <a-space class="flex items-center">
+              <a-image :src="record.image" v-if="record.image" :width="50"/>
+              <span class="text-gray-700 font-bold">{{ record.name }}</span>
+            </a-space>
+          </template>
+          <template v-if="column.key === 'recommend'">
+            <a-space @click="onRecommend(record)">
+              <span v-if="record.recommend === 1" class="ele-text-success"
+              ><CheckOutlined
+              /></span>
+              <span v-else class="ele-text-placeholder"><CloseOutlined/></span>
+            </a-space>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">出售中</a-tag>
+            <a-tag v-if="record.status === 1" color="orange">待上架</a-tag>
+            <a-tag v-if="record.status === 2" color="purple">待审核</a-tag>
+            <a-tag v-if="record.status === 3" color="red">审核不通过</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <ShopGoodsEdit v-model:visible="showEdit" :navigationList="navigationList" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined, CheckOutlined, CloseOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toTreeData} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import ShopGoodsEdit from './components/shopGoodsEdit.vue';
+import Extra from '@/views/shop/shopGoods/components/extra.vue';
+import {
+  pageShopGoods,
+  removeShopGoods,
+  removeBatchShopGoods, updateShopGoods
+} from '@/api/shop/shopGoods';
+import type {ShopGoods, ShopGoodsParam} from '@/api/shop/shopGoods/model';
+import {getPageTitle} from '@/utils/common';
+import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+import {listCmsNavigation} from "@/api/cms/cmsNavigation";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopGoods[]>([]);
+// 当前编辑数据
+const current = ref<ShopGoods | null>(null);
+// 栏目数据
+const navigationList = ref<CmsNavigation[]>();
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageShopGoods({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'goodsId',
+    key: 'goodsId',
+    align: 'center',
+    width: 90
+  },
+  {
+    title: '商品',
+    dataIndex: 'name',
+    key: 'name',
+    width: 280
+  },
+  // {
+  //   title: '编号',
+  //   dataIndex: 'code',
+  //   key: 'code',
+  //   align: 'center',
+  // },
+  {
+    title: '价格',
+    dataIndex: 'price',
+    key: 'price',
+    align: 'center'
+  },
+  {
+    title: '销量',
+    dataIndex: 'sales',
+    key: 'sales',
+    align: 'center'
+  },
+  {
+    title: '库存',
+    dataIndex: 'stock',
+    key: 'stock',
+    align: 'center'
+  },
+  {
+    title: '推荐',
+    dataIndex: 'recommend',
+    key: 'recommend',
+    align: 'center'
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center'
+  },
+  // {
+  //   title: '备注',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  {
+    title: '排序号',
+    dataIndex: 'sortNumber',
+    key: 'sortNumber',
+    align: 'center'
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopGoodsParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopGoods) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: ShopGoods) => {
+  const hide = message.loading('请求中..', 0);
+  removeShopGoods(row.goodsId)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchShopGoods(selection.value.map((d) => d.goodsId))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+  // 加载栏目数据
+  if (!navigationList.value) {
+    listCmsNavigation({}).then((res) => {
+      navigationList.value = toTreeData({
+        data: res?.map((d) => {
+          d.value = d.navigationId;
+          d.label = d.title;
+          return d;
+        }),
+        idField: 'navigationId',
+        parentIdField: 'parentId'
+      });
+    });
+  }
+};
+
+const onRecommend = (row: ShopGoods) => {
+  updateShopGoods({
+    ...row,
+    recommend: row.recommend == 1 ? 0 : 1
+  }).then((msg) => {
+    message.success(msg);
+    reload();
+  });
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopGoods) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ShopGoods'
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/shopOrder/components/bszxPayEdit.vue

@@ -0,0 +1,249 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑捐款记录' : '添加捐款记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="年龄" name="age">
+        <a-input
+          allow-clear
+          placeholder="请输入年龄"
+          v-model:value="form.age"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="性别 1男 2女" name="sex">
+        <a-input
+          allow-clear
+          placeholder="请输入性别 1男 2女"
+          v-model:value="form.sex"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="班级" name="className">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.className"
+        />
+      </a-form-item>
+      <a-form-item label="年级" name="gradeName">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.gradeName"
+        />
+      </a-form-item>
+      <a-form-item label="居住地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入居住地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="职务" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="捐赠证书" name="certificate">
+        <a-input
+          allow-clear
+          placeholder="请输入捐赠证书"
+          v-model:value="form.certificate"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPay, updateBszxPay } from '@/api/bszx/bszxPay';
+  import { BszxPay } from '@/api/bszx/bszxPay/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPay | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPay>({
+    id: undefined,
+    age: undefined,
+    name: undefined,
+    sex: undefined,
+    phone: undefined,
+    className: undefined,
+    gradeName: undefined,
+    address: undefined,
+    workUnit: undefined,
+    position: undefined,
+    number: undefined,
+    extra: undefined,
+    dateTime: undefined,
+    certificate: undefined,
+    formData: undefined,
+    formId: undefined,
+    userId: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxPayName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-捐款记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPay : addBszxPay;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/shopOrder/components/orderInfo.vue

@@ -0,0 +1,572 @@
+<!-- 用户编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="`80%`"
+    :visible="visible"
+    :confirm-loading="loading"
+    :maxable="maxAble"
+    :title="isUpdate ? '编辑订单' : '订单详情'"
+    :body-style="{ paddingBottom: '8px', background: '#f3f3f3' }"
+    @update:visible="updateVisible"
+    :maskClosable="false"
+    :footer="null"
+    @ok="save"
+  >
+    <a-card style="margin-bottom: 20px" :bordered="false">
+      <a-descriptions :column="3">
+        <!-- 第一排-->
+        <a-descriptions-item
+          label="订单编号"
+          span="3"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <span @click="copyText(form.orderNo)">{{ form.orderNo }}</span>
+        </a-descriptions-item>
+        <!-- 第二排-->
+        <a-descriptions-item
+          label="买家信息"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-space class="flex items-center">
+            <a-tooltip :title="`${form.userId}`">
+              <a-avatar :src="form.avatar" size="small"/>
+            </a-tooltip>
+            {{ form.realName }}
+          </a-space>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="订单金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.totalPrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="订单状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.orderStatus === 0">未完成</a-tag>
+          <a-tag v-if="form.orderStatus === 1" color="green">已完成</a-tag>
+          <a-tag v-if="form.orderStatus === 2" color="red">已取消</a-tag>
+          <a-tag v-if="form.orderStatus === 3" color="red">取消中</a-tag>
+          <a-tag v-if="form.orderStatus === 4" color="red">退款申请中</a-tag>
+          <a-tag v-if="form.orderStatus === 5" color="red">退款被拒绝</a-tag>
+          <a-tag v-if="form.orderStatus === 6" color="orange">退款成功</a-tag>
+          <a-tag v-if="form.orderStatus === 7" color="pink">客户端申请退款</a-tag>
+        </a-descriptions-item>
+        <!-- 第三排-->
+        <a-descriptions-item
+          label="手机号码"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.phone }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="实付金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.payPrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="支付状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.payStatus == 1" color="green">已付款</a-tag>
+          <a-tag v-if="form.payStatus == 0">未付款</a-tag>
+          <a-tag v-if="form.payStatus == 3">未付款,占场中</a-tag>
+        </a-descriptions-item>
+        <!-- 第四排-->
+        <a-descriptions-item
+          label="收货地址"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.address }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="减少的金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.reducePrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="核销状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.deliveryStatus == 10">未核销</a-tag>
+          <a-tag v-if="form.deliveryStatus == 20" color="green">
+            <a-tooltip :title="form.deliveryTime">
+              已核销
+            </a-tooltip>
+          </a-tag>
+          <a-tag v-if="form.deliveryStatus == 30" color="bule">部分核销</a-tag>
+        </a-descriptions-item>
+        <!-- 第五排-->
+        <a-descriptions-item
+          label="备注信息"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.comments }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="支付方式"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tooltip :title="`支付时间：${form.payTime || ''}`">
+            <template v-if="form.payStatus == 1">
+              <a-tag v-if="form.payType == 0">余额支付</a-tag>
+              <a-tag v-if="form.payType == 1">
+                <WechatOutlined class="tag-icon"/>
+                微信支付
+              </a-tag>
+              <a-tag v-if="form.payType == 2">积分</a-tag>
+              <a-tag v-if="form.payType == 3">
+                <AlipayCircleOutlined class="tag-icon"/>
+                支付宝
+              </a-tag>
+              <a-tag v-if="form.payType == 4">
+                <IdcardOutlined class="tag-icon"/>
+                现金
+              </a-tag>
+              <a-tag v-if="form.payType == 5">
+                <IdcardOutlined class="tag-icon"/>
+                POS机
+              </a-tag>
+              <a-tag v-if="form.payType == 6">
+                <IdcardOutlined class="tag-icon"/>
+                VIP月卡
+              </a-tag>
+              <a-tag v-if="form.payType == 7">
+                <IdcardOutlined class="tag-icon"/>
+                VIP年卡
+              </a-tag>
+              <a-tag v-if="form.payType == 8">
+                <IdcardOutlined class="tag-icon"/>
+                VIP次卡
+              </a-tag>
+              <a-tag v-if="form.payType == 9">
+                <IdcardOutlined class="tag-icon"/>
+                IC月卡
+              </a-tag>
+              <a-tag v-if="form.payType == 10">
+                <IdcardOutlined class="tag-icon"/>
+                IC年卡
+              </a-tag>
+              <a-tag v-if="form.payType == 11">
+                <IdcardOutlined class="tag-icon"/>
+                IC次卡
+              </a-tag>
+              <a-tag v-if="form.payType == 12">
+                <IdcardOutlined class="tag-icon"/>
+                免费
+              </a-tag>
+              <a-tag v-if="form.payType == 13">
+                <IdcardOutlined class="tag-icon"/>
+                VIP充值卡
+              </a-tag>
+              <a-tag v-if="form.payType == 14">
+                <IdcardOutlined class="tag-icon"/>
+                IC充值卡
+              </a-tag>
+              <a-tag v-if="form.payType == 15">
+                <IdcardOutlined class="tag-icon"/>
+                积分支付
+              </a-tag>
+              <a-tag v-if="form.payType == 16">
+                <IdcardOutlined class="tag-icon"/>
+                VIP季卡
+              </a-tag>
+              <a-tag v-if="form.payType == 17">
+                <IdcardOutlined class="tag-icon"/>
+                IC季卡
+              </a-tag>
+            </template>
+          </a-tooltip>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="开票状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.isInvoice == 0">未开具</a-tag>
+          <a-tag v-if="form.isInvoice == 1" color="green">已开具</a-tag>
+          <a-tag v-if="form.isInvoice == 2" color="blue">不能开具</a-tag>
+        </a-descriptions-item>
+        <!-- 第六排-->
+        <a-descriptions-item
+          label="下单时间"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ toDateString(form.createTime, 'yyyy-MM-dd HH:mm') }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="交易流水号"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.transactionId }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="结算状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.isSettled == 0">未结算</a-tag>
+          <a-tag v-if="form.isSettled == 1" color="green">已结算</a-tag>
+        </a-descriptions-item>
+
+<!--        <a-descriptions-item span="3">-->
+<!--          <a-divider/>-->
+<!--        </a-descriptions-item>-->
+
+      </a-descriptions>
+    </a-card>
+    <a-card class="order-card" :bordered="false">
+      <a-spin :spinning="loading">
+        <a-table
+          :data-source="orderInfo"
+          :columns="columns"
+          :pagination="false"
+        />
+      </a-spin>
+    </a-card>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {ColumnItem} from 'ele-admin-pro/es/ele-pro-table/types';
+import {
+  CheckOutlined,
+  CloseOutlined,
+  CoffeeOutlined
+} from '@ant-design/icons-vue';
+import {ShopOrder} from '@/api/shop/shopOrder/model';
+import {BszxPay} from '@/api/bszx/bszxPay/model';
+import {pageBszxPay} from '@/api/bszx/bszxPay';
+import {toDateString} from 'ele-admin-pro';
+import {copyText} from "@/utils/common";
+
+const useForm = Form.useForm;
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: ShopOrder | null;
+}>();
+
+export interface step {
+  title?: String | undefined;
+  subTitle?: String | undefined;
+  description?: String | undefined;
+}
+
+// 是否是修改
+const isUpdate = ref(false);
+// 是否显示最大化切换按钮
+const maxAble = ref(true);
+// 订单信息
+const orderInfo = ref<BszxPay[]>([]);
+
+// 步骤条
+const steps = ref<step[]>([
+  {
+    title: '报餐',
+    description: undefined
+  },
+  {
+    title: '付款',
+    description: undefined
+  },
+  {
+    title: '发餐',
+    description: undefined
+  },
+  {
+    title: '取餐',
+    description: undefined
+  },
+  {
+    title: '完成',
+    description: undefined
+  }
+]);
+const active = ref(2);
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 订单信息
+const form = reactive<ShopOrder>({
+  // 订单号
+  orderId: undefined,
+  // 订单编号
+  orderNo: undefined,
+  // 订单类型，0商城订单 1预定订单/外卖 2会员卡
+  type: undefined,
+  // 快递/自提
+  deliveryType: undefined,
+  // 下单渠道，0小程序预定 1俱乐部训练场 3活动订场
+  channel: undefined,
+  // 微信支付订单号
+  transactionId: undefined,
+  // 微信退款订单号
+  refundOrder: undefined,
+  // 商户ID
+  merchantId: undefined,
+  // 商户名称
+  merchantName: undefined,
+  // 商户编号
+  merchantCode: undefined,
+  // 使用的优惠券id
+  couponId: undefined,
+  // 使用的会员卡id
+  cardId: undefined,
+  // 关联管理员id
+  adminId: undefined,
+  // 核销管理员id
+  confirmId: undefined,
+  // IC卡号
+  icCard: undefined,
+  // 头像
+  avatar: undefined,
+  // 真实姓名
+  realName: undefined,
+  // 手机号码
+  phone: undefined,
+  // 收货地址
+  address: undefined,
+  //
+  addressLat: undefined,
+  //
+  addressLng: undefined,
+  // 自提店铺id
+  selfTakeMerchantId: undefined,
+  // 自提店铺
+  selfTakeMerchantName: undefined,
+  // 配送开始时间
+  sendStartTime: undefined,
+  // 配送结束时间
+  sendEndTime: undefined,
+  // 发货店铺id
+  expressMerchantId: undefined,
+  // 发货店铺
+  expressMerchantName: undefined,
+  // 订单总额
+  totalPrice: undefined,
+  // 减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格
+  reducePrice: undefined,
+  // 实际付款
+  payPrice: undefined,
+  // 用于统计
+  price: undefined,
+  // 价钱，用于积分赠送
+  money: undefined,
+  // 退款金额
+  refundMoney: undefined,
+  // 教练价格
+  coachPrice: undefined,
+  // 购买数量
+  totalNum: undefined,
+  // 教练id
+  coachId: undefined,
+  // 支付的用户id
+  payUserId: undefined,
+  // 0余额支付, 1微信支付，102微信Native，2会员卡支付，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡，18代付
+  payType: undefined,
+  // 代付支付方式,0余额支付, 1微信支付，102微信Native，2会员卡支付，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡，18代付
+  friendPayType: undefined,
+  // 0未付款，1已付款
+  payStatus: undefined,
+  // 0未使用，1已完成，2已取消，3取消中，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款
+  orderStatus: undefined,
+  // 发货状态(10未发货 20已发货 30部分发货)
+  deliveryStatus: undefined,
+  // 发货时间
+  deliveryTime: undefined,
+  // 优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡
+  couponType: undefined,
+  // 优惠说明
+  couponDesc: undefined,
+  // 二维码地址，保存订单号，支付成功后才生成
+  qrcode: undefined,
+  // vip月卡年卡、ic月卡年卡回退次数
+  returnNum: undefined,
+  // vip充值回退金额
+  returnMoney: undefined,
+  // 预约详情开始时间数组
+  startTime: undefined,
+  // 是否已开具发票：0未开发票，1已开发票，2不能开具发票
+  isInvoice: undefined,
+  // 发票流水号
+  invoiceNo: undefined,
+  // 支付时间
+  payTime: undefined,
+  // 退款时间
+  refundTime: undefined,
+  // 申请退款时间
+  refundApplyTime: undefined,
+  // 过期时间
+  expirationTime: undefined,
+  // 对账情况：0=未对账；1=已对账；3=已对账，金额对不上；4=未查询到该订单
+  checkBill: undefined,
+  // 订单是否已结算(0未结算 1已结算)
+  isSettled: undefined,
+  // 系统版本号 0当前版本 value=其他版本
+  version: undefined,
+  // 用户id
+  userId: undefined,
+  // 备注
+  comments: undefined,
+  // 排序号
+  sortNumber: undefined,
+  // 是否删除, 0否, 1是
+  deleted: undefined,
+  // 租户id
+  tenantId: undefined,
+  // 修改时间
+  updateTime: undefined,
+  // 创建时间
+  createTime: undefined,
+  // 自提码
+  selfTakeCode: undefined,
+  // 是否已收到赠品
+  hasTakeGift: undefined,
+});
+
+// 请求状态
+const loading = ref(true);
+
+const {resetFields} = useForm(form);
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+const columns = ref<ColumnItem[]>([
+  {
+    title: '商品名称',
+    dataIndex: 'formName',
+    key: 'formName',
+    align: 'center',
+    width: 280
+  },
+  {
+    title: '金额',
+    dataIndex: 'price',
+    align: 'center'
+  },
+  {
+    title: '备注',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'center'
+  },
+  {
+    title: '操作',
+    dataIndex: 'isFree',
+    align: 'center'
+  }
+]);
+
+/* 制作步骤条 */
+const loadSteps = (order) => {
+  steps.value = [];
+  steps.value.push({
+    title: '下单'
+  });
+  steps.value.push({
+    title: '付款'
+  });
+  steps.value.push({
+    title: '发货'
+  });
+  steps.value.push({
+    title: '收货'
+  });
+  steps.value.push({
+    title: '完成'
+  });
+
+  // 下单
+  if (order.payStatus == 10) {
+    active.value = 0;
+    steps.value[0].description = order.createTime;
+  }
+  // 付款
+  if (order.payStatus == 20) {
+    active.value = 1;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+  }
+  // 发货
+  if (order.payStatus == 20 && order.deliveryStatus == 20) {
+    active.value = 2;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+  }
+  // 收货
+  if (order.payStatus == 20 && order.receiptStatus == 20) {
+    active.value = 3;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+    steps.value[3].description = order.receiptTime;
+  }
+  // 完成
+  if (order.payStatus == 20 && order.orderStatus == 30) {
+    active.value = 4;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+    steps.value[3].description = order.receiptTime;
+  }
+  // 已取消
+  if (order.orderStatus == 20) {
+    active.value = 4;
+  }
+};
+
+// const getOrderInfo = () => {
+//   const orderId = props.data?.orderId;
+//   listOrderInfo({ orderId }).then((data) => {
+//     orderInfo.value = data.filter((d) => d.totalNum > 0);
+//   });
+// };
+
+/* 保存编辑 */
+const save = () => {
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      if (props.data) {
+        loading.value = true;
+        assignObject(form, props.data);
+        pageBszxPay({orderNo: form.orderNo}).then((res) => {
+          if (res?.list) {
+            orderInfo.value = res?.list;
+          }
+          loading.value = false;
+        });
+        loadSteps(props.data);
+      }
+    } else {
+      resetFields();
+    }
+  }
+);
+</script>
+
+<script lang="ts">
+import * as MenuIcons from '@/layout/menu-icons';
+
+export default {
+  name: 'BszxOrderInfo',
+  components: MenuIcons
+};
+</script>

src/views/shop/shopOrder/components/search.vue

@@ -0,0 +1,204 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-select
+      v-model:value="where.payStatus"
+      style="width: 150px"
+      placeholder="付款状态"
+      @change="search"
+    >
+      <a-select-option value="">全部</a-select-option>
+      <a-select-option :value="1">已付款</a-select-option>
+      <a-select-option :value="0">未付款</a-select-option>
+    </a-select>
+    <a-select
+      v-model:value="where.orderStatus"
+      style="width: 150px"
+      placeholder="订单状态"
+      @change="search"
+    >
+      <a-select-option value="">全部</a-select-option>
+      <a-select-option :value="1">已完成</a-select-option>
+      <a-select-option :value="0">未完成</a-select-option>
+      <a-select-option :value="2">未使用</a-select-option>
+      <a-select-option :value="3">已取消</a-select-option>
+      <a-select-option :value="4">退款中</a-select-option>
+      <a-select-option :value="5">退款被拒</a-select-option>
+      <a-select-option :value="6">退款成功</a-select-option>
+    </a-select>
+    <a-select
+      :options="getPayType()"
+      v-model:value="where.payType"
+      style="width: 150px"
+      placeholder="付款方式"
+      @change="search"
+    />
+    <a-select
+      v-model:value="where.isInvoice"
+      style="width: 150px"
+      placeholder="开票状态"
+      @change="search"
+    >
+      <a-select-option :value="1">已开票</a-select-option>
+      <a-select-option :value="0">未开票</a-select-option>
+      <a-select-option :value="2">不能开票</a-select-option>
+    </a-select>
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 280px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button @click="reset">重置</a-button>
+    <a-button @click="handleExport">导出</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch } from 'vue';
+  import { utils, writeFile } from 'xlsx';
+  import { message } from 'ant-design-vue';
+  import useSearch from "@/utils/use-search";
+  import {ShopOrder, ShopOrderParam} from "@/api/shop/shopOrder/model";
+  import {listShopOrder} from "@/api/shop/shopOrder";
+  import {getPayType} from "@/utils/shop";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopOrderParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const { where, resetFields } = useSearch<ShopOrderParam>({
+    keywords: '',
+    orderId: undefined,
+    orderNo: undefined,
+    createTimeStart: undefined,
+    createTimeEnd: undefined,
+    userId: undefined,
+    phone: undefined,
+    payStatus: undefined,
+    orderStatus: undefined,
+    payType: undefined,
+    isInvoice: undefined,
+  });
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  /* 搜索 */
+  const search = () => {
+    const [d1, d2] = dateRange.value ?? [];
+    xlsFileName.value = `${d1}至${d2}`;
+    where.createTimeStart = d1 ? d1 + ' 00:00:00' : undefined;
+    where.createTimeEnd = d2 ? d2 + ' 23:59:59' : undefined;
+    emit('search', {
+      ...where
+    });
+  };
+
+  /*  重置 */
+  const reset = () => {
+    resetFields();
+    search();
+  };
+
+  const dateRange = ref<[string, string]>(['', '']);
+  // 变量
+  const loading = ref(false);
+  const orders = ref<ShopOrder[]>([])
+  const xlsFileName = ref<string>();
+
+  // 导出
+  const handleExport = async () => {
+    loading.value = true;
+    const array: (string | number)[][] = [
+      [
+        '订单编号',
+        '订单标题',
+        '买家姓名',
+        '手机号码',
+        '实付金额(元)',
+        '支付方式',
+        '付款时间',
+        '下单时间'
+      ]
+    ];
+
+    await listShopOrder(where)
+      .then((list) => {
+        orders.value = list;
+        list?.forEach((d: ShopOrder) => {
+          array.push([
+            `${d.orderNo}`,
+            `${d.comments}`,
+            `${d.realName}`,
+            `${d.phone}`,
+            `${d.payPrice}`,
+            `${getPayType(d.payType)}`,
+            `${d.payTime || ''}`,
+            `${d.createTime}`
+          ]);
+        });
+        const sheetName = `订单数据`;
+        const workbook = {
+          SheetNames: [sheetName],
+          Sheets: {}
+        };
+        const sheet = utils.aoa_to_sheet(array);
+        workbook.Sheets[sheetName] = sheet;
+        // 设置列宽
+        sheet['!cols'] = [
+          { wch: 10 },
+          { wch: 40 },
+          { wch: 20 },
+          { wch: 20 },
+          { wch: 60 },
+          { wch: 15 },
+          { wch: 10 },
+          { wch: 10 },
+          { wch: 20 },
+          { wch: 10 },
+          { wch: 20 }
+        ];
+        message.loading('正在导出...');
+        setTimeout(() => {
+          writeFile(
+            workbook,
+            `${
+              where.createTimeEnd ? xlsFileName.value + '_' : ''
+            }${sheetName}.xlsx`
+          );
+          loading.value = false;
+        }, 1000);
+      })
+      .catch((msg) => {
+        message.error(msg);
+        loading.value = false;
+      })
+      .finally(() => {});
+
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/shopOrder/index.vue

@@ -0,0 +1,307 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="orderId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'name'">
+            <div @click="onSearch(record)" class="cursor-pointer">{{ record.name || '匿名' }}</div>
+          </template>
+          <template v-if="column.key === 'phone'">
+            <div v-if="record.mobile" class="text-gray-400">{{ record.mobile }}</div>
+            <div v-else class="text-gray-600">{{ record.phone }}</div>
+          </template>
+          <template v-if="column.key === 'payType'">
+              <template v-for="item in getPayType()">
+                <template v-if="record.payStatus == 1">
+                  <span v-if="item.value == record.payType">{{ item.label }}</span>
+                </template>
+                <template v-else>
+                  <span></span>
+                </template>
+              </template>
+          </template>
+          <template v-if="column.key === 'payStatus'">
+            <a-tag v-if="record.payStatus == 1" color="green" @click="updatePayStatus(record)">已付款</a-tag>
+            <a-tag v-if="record.payStatus == 0" @click="updatePayStatus(record)">未付款</a-tag>
+            <a-tag v-if="record.payStatus == 3">未付款,占场中</a-tag>
+          </template>
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'sex'">
+            <a-tag v-if="record.sex === 1">男</a-tag>
+            <a-tag v-if="record.sex === 2">女</a-tag>
+          </template>
+          <template v-if="column.key === 'deliveryStatus'">
+            <a-tag v-if="record.deliveryStatus == 10">未核销</a-tag>
+            <a-tag v-if="record.deliveryStatus == 20" color="green">已核销</a-tag>
+            <a-tag v-if="record.deliveryStatus == 30" color="bule">部分核销</a-tag>
+          </template>
+          <template v-if="column.key === 'orderStatus'">
+            <a-tag v-if="record.orderStatus === 0">未完成</a-tag>
+            <a-tag v-if="record.orderStatus === 1" color="green">已完成</a-tag>
+            <a-tag v-if="record.orderStatus === 2" color="red">已取消</a-tag>
+            <a-tag v-if="record.orderStatus === 3" color="red">取消中</a-tag>
+            <a-tag v-if="record.orderStatus === 4" color="red">退款申请中</a-tag>
+            <a-tag v-if="record.orderStatus === 5" color="red">退款被拒绝</a-tag>
+            <a-tag v-if="record.orderStatus === 6" color="orange">退款成功</a-tag>
+            <a-tag v-if="record.orderStatus === 7" color="pink">客户端申请退款</a-tag>
+          </template>
+          <template v-if="column.key === 'isInvoice'">
+            <a-tag v-if="record.isInvoice == 0">未开具</a-tag>
+            <a-tag v-if="record.isInvoice == 1" color="green">已开具</a-tag>
+            <a-tag v-if="record.isInvoice == 2" color="blue">不能开具</a-tag>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <OrderInfo v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bszx/extra.vue";
+import {pageBszxOrder} from "@/api/bszx/bszxOrder";
+import OrderInfo from './components/orderInfo.vue';
+import {ShopOrder, ShopOrderParam} from "@/api/shop/shopOrder/model";
+import {repairOrder, updateShopOrder} from "@/api/shop/shopOrder";
+import {message} from "ant-design-vue";
+import {updateUser} from "@/api/system/user";
+import {getPayType} from '@/utils/shop';
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopOrder[]>([]);
+// 当前编辑数据
+const current = ref<ShopOrder | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageBszxOrder({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '订单号',
+    dataIndex: 'orderNo',
+    key: 'orderNo',
+    align: 'center',
+    width: 200,
+  },
+  {
+    title: '姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center'
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center'
+  },
+  {
+    title: '实付金额',
+    dataIndex: 'payPrice',
+    key: 'payPrice',
+    align: 'center',
+    customRender: ({text}) => '￥' + text
+  },
+  {
+    title: '支付方式',
+    dataIndex: 'payType',
+    key: 'payType',
+    align: 'center'
+  },
+  {
+    title: '支付状态',
+    dataIndex: 'payStatus',
+    key: 'payStatus',
+    align: 'center'
+  },
+  {
+    title: '核销状态',
+    dataIndex: 'deliveryStatus',
+    key: 'deliveryStatus',
+    align: 'center',
+  },
+  {
+    title: '开票状态',
+    dataIndex: 'isInvoice',
+    key: 'isInvoice',
+    align: 'center',
+  },
+  {
+    title: '订单状态',
+    dataIndex: 'orderStatus',
+    key: 'orderStatus',
+    align: 'center',
+  },
+  // {
+  //   title: '支付时间',
+  //   dataIndex: 'payTime',
+  //   key: 'payTime',
+  //   align: 'center',
+  //   width: 180,
+  //   sorter: true,
+  //   ellipsis: true
+  // },
+  {
+    title: '下单时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    width: 180,
+    sorter: true,
+    ellipsis: true
+  },
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopOrderParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+const onSearch = (item: ShopOrder) => {
+  reload({userId: item.userId})
+}
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopOrder) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/**
+ * 修复订单支付状态
+ */
+const updatePayStatus = (record: ShopOrder) => {
+  // 修复订单数据
+  repairOrder({
+    ...record
+  }).then(() => {
+    if(!record.realName){
+      // 更新用户真实姓名
+      updateUser({
+        userId: record.userId,
+        realName: record.realName
+      }).then(() => {})
+    }
+    reload();
+  })
+}
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopOrder) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+import * as MenuIcons from '@/layout/menu-icons';
+
+export default {
+  name: 'BszxOrder',
+  components: MenuIcons
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/shopUserReferee/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/shopUserReferee/components/shopUserRefereeEdit.vue

@@ -0,0 +1,211 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑用户推荐关系表' : '添加用户推荐关系表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="推荐人ID" name="dealerId">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐人ID"
+          v-model:value="form.dealerId"
+        />
+      </a-form-item>
+      <a-form-item label="用户id(被推荐人)" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户id(被推荐人)"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="推荐关系层级(1,2,3)" name="level">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐关系层级(1,2,3)"
+          v-model:value="form.level"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addShopUserReferee, updateShopUserReferee } from '@/api/shop/shopUserReferee';
+  import { ShopUserReferee } from '@/api/shop/shopUserReferee/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ShopUserReferee | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ShopUserReferee>({
+    id: undefined,
+    dealerId: undefined,
+    userId: undefined,
+    level: undefined,
+    comments: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    shopUserRefereeId: undefined,
+    shopUserRefereeName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopUserRefereeName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写用户推荐关系表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateShopUserReferee : addShopUserReferee;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/shopUserReferee/index.vue

@@ -0,0 +1,251 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="shopUserRefereeId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ShopUserRefereeEdit v-model:visible="showEdit" :data="current" @done="reload" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import ShopUserRefereeEdit from './components/shopUserRefereeEdit.vue';
+  import { pageShopUserReferee, removeShopUserReferee, removeBatchShopUserReferee } from '@/api/shop/shopUserReferee';
+  import type { ShopUserReferee, ShopUserRefereeParam } from '@/api/shop/shopUserReferee/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ShopUserReferee[]>([]);
+  // 当前编辑数据
+  const current = ref<ShopUserReferee | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageShopUserReferee({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '推荐人ID',
+      dataIndex: 'dealerId',
+      key: 'dealerId',
+      align: 'center',
+    },
+    {
+      title: '用户id(被推荐人)',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '推荐关系层级(1,2,3)',
+      dataIndex: 'level',
+      key: 'level',
+      align: 'center',
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      align: 'center',
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      align: 'center',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ShopUserRefereeParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopUserReferee) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopUserReferee) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopUserReferee(row.shopUserRefereeId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchShopUserReferee(selection.value.map((d) => d.shopUserRefereeId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ShopUserReferee) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ShopUserReferee'
+  };
+</script>
+
+<style lang="less" scoped></style>