From cbccaf3f4efd8511905c128d95a6601b81e79f53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 15 Jul 2025 21:08:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E7=99=BE=E8=89=B2?=
 =?UTF-8?q?=E4=B8=80=E5=B0=8F=E5=B7=B2=E7=9F=A5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bsyx/bsyxOrder/components/bszxPayEdit.vue | 249 ++++++++
 .../bsyx/bsyxOrder/components/orderInfo.vue   | 566 ++++++++++++++++++
 .../bsyx/bsyxOrder/components/search.vue      | 204 +++++++
 src/views/bsyx/bsyxOrder/index.vue            | 307 ++++++++++
 src/views/cms/cmsArticle/index.vue            |  15 +-
 5 files changed, 1334 insertions(+), 7 deletions(-)
 create mode 100644 src/views/bsyx/bsyxOrder/components/bszxPayEdit.vue
 create mode 100644 src/views/bsyx/bsyxOrder/components/orderInfo.vue
 create mode 100644 src/views/bsyx/bsyxOrder/components/search.vue
 create mode 100644 src/views/bsyx/bsyxOrder/index.vue

diff --git a/src/views/bsyx/bsyxOrder/components/bszxPayEdit.vue b/src/views/bsyx/bsyxOrder/components/bszxPayEdit.vue
new file mode 100644
index 0000000..876727d
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/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>
diff --git a/src/views/bsyx/bsyxOrder/components/orderInfo.vue b/src/views/bsyx/bsyxOrder/components/orderInfo.vue
new file mode 100644
index 0000000..6c88446
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/components/orderInfo.vue
@@ -0,0 +1,566 @@
+<!-- 用户编辑弹窗 -->
+<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-avatar :src="form.avatar" size="small"/>
+            {{ 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-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' }"
+        >
+          <a-tooltip :title="form.payTime">{{ form.transactionId }}</a-tooltip>
+        </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>
diff --git a/src/views/bsyx/bsyxOrder/components/search.vue b/src/views/bsyx/bsyxOrder/components/search.vue
new file mode 100644
index 0000000..7346f4c
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/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>
diff --git a/src/views/bsyx/bsyxOrder/index.vue b/src/views/bsyx/bsyxOrder/index.vue
new file mode 100644
index 0000000..669eb00
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/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"
+            @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 {updateShopOrder} from "@/api/shop/shopOrder";
+import {message} from "ant-design-vue";
+import {updateUser} from "@/api/system/user";
+import {getPayType} from '@/utils/shop';
+import {repairOrder} from "@/api/bszx/bszxPay";
+
+// 表格实例
+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(() => {
+    message.success('修复成功');
+  }).then(() => {
+    if(record.realName == '' || record.realName == undefined){
+      // 更新用户真实姓名
+      updateUser({
+        userId: record.userId,
+        realName: record.realName
+      })
+    }
+    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>
diff --git a/src/views/cms/cmsArticle/index.vue b/src/views/cms/cmsArticle/index.vue
index 465b7e2..c84091d 100644
--- a/src/views/cms/cmsArticle/index.vue
+++ b/src/views/cms/cmsArticle/index.vue
@@ -193,13 +193,14 @@ const datasource: DatasourceFunction = ({page, limit, where, orders}) => {
 
 // 表格列配置
 const columns = ref<ColumnItem[]>([
-  // {
-  //   title: 'ID',
-  //   dataIndex: 'articleId',
-  //   key: 'articleId',
-  //   align: 'center',
-  //   width: 90
-  // },
+  {
+    title: 'ID',
+    dataIndex: 'articleId',
+    key: 'articleId',
+    align: 'center',
+    hideInTable: true,
+    width: 90
+  },
   {
     title: '封面图',
     dataIndex: 'image',