整理系统菜单及权限

src/views/system/chat/index.ts

@@ -0,0 +1,157 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type {
+  ChatConversation,
+  ChatConversationParam,
+  ChatMessage,
+  ChatMessageParam
+} from '@/api/system/chat/model';
+import { SERVER_API_URL } from '@/config/setting';
+
+/**
+ * 查询聊天列表
+ */
+export async function pageChatConversation(params: ChatConversationParam) {
+  const res = await request.get<ApiResult<PageResult<ChatConversation>>>(
+    SERVER_API_URL + '/system/chat-conversation/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询聊天列表
+ */
+export async function pageChatMessage(params: ChatMessageParam) {
+  const res = await request.get<ApiResult<PageResult<ChatMessage>>>(
+    SERVER_API_URL + '/system/chat-message/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+/**
+ * 查询日志列表
+ */
+export async function listChatConversation(params?: ChatConversationParam) {
+  const res = await request.get<ApiResult<ChatConversation[]>>(
+    SERVER_API_URL + '/system/chat-conversation',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加日志
+ */
+export async function addChatMessage(data: ChatMessage) {
+  const res = await request.post<ApiResult<ChatConversation>>(
+    SERVER_API_URL + '/system/chat-message',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加日志
+ */
+export async function addChatConversation(data: ChatConversation) {
+  const res = await request.post<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-conversation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改日志
+ */
+export async function updateChatConversation(data: any) {
+  const res = await request.put<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-conversation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 绑定日志
+ */
+export async function bindChatConversation(data: ChatConversation) {
+  const res = await request.put<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-conversation/bind',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量添加
+ */
+export async function addBatchChatConversation(data: ChatConversation[]) {
+  const res = await request.post<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-conversation/batch',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除日志
+ */
+export async function removeChatConversation(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-conversation/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除日志
+ */
+export async function removeBatchChatConversation(
+  data: (number | undefined)[]
+) {
+  const res = await request.delete<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-conversation/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/views/system/chat/model/index.ts

@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api';
+import type { User } from '@/api/system/user/model';
+
+export interface ChatConversation {
+  id?: number;
+  userId?: number;
+  friendId?: number;
+  userInfo?: User;
+  friendInfo?: User;
+  content: string;
+  messages: ChatMessage[];
+  unRead: number;
+  createTime?: string;
+  updateTime: string | number | Date;
+}
+
+export interface ChatMessage {
+  id?: number;
+  formUserId?: number;
+  formUserInfo?: User;
+  toUserInfo?: User;
+  toUserId?: number;
+  type: string;
+  content: string;
+  status?: number;
+  createTime?: number;
+  updateTime?: number;
+}
+
+/**
+ * 搜索条件
+ */
+export interface ChatConversationParam extends PageParam {
+  userId?: number;
+  status: number;
+  onlyFake: boolean;
+  keywords: string;
+}
+
+/**
+ * 搜索条件
+ */
+export interface ChatMessageParam extends PageParam {
+  formUserId?: number;
+  toUserId?: number;
+  type?: string;
+  status?: number;
+  keywords: string;
+}

src/views/system/chatConversation/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ChatConversation, ChatConversationParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询聊天消息表
+ */
+export async function pageChatConversation(params: ChatConversationParam) {
+  const res = await request.get<ApiResult<PageResult<ChatConversation>>>(
+    MODULES_API_URL + '/shop/chat-conversation/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询聊天消息表列表
+ */
+export async function listChatConversation(params?: ChatConversationParam) {
+  const res = await request.get<ApiResult<ChatConversation[]>>(
+    MODULES_API_URL + '/shop/chat-conversation',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加聊天消息表
+ */
+export async function addChatConversation(data: ChatConversation) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/chat-conversation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改聊天消息表
+ */
+export async function updateChatConversation(data: ChatConversation) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/chat-conversation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除聊天消息表
+ */
+export async function removeChatConversation(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/chat-conversation/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除聊天消息表
+ */
+export async function removeBatchChatConversation(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/chat-conversation/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询聊天消息表
+ */
+export async function getChatConversation(id: number) {
+  const res = await request.get<ApiResult<ChatConversation>>(
+    MODULES_API_URL + '/shop/chat-conversation/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/views/system/chatConversation/model/index.ts

@@ -0,0 +1,37 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 聊天消息表
+ */
+export interface ChatConversation {
+  // 自增ID
+  id?: number;
+  // 用户ID
+  userId?: number;
+  // 好友ID
+  friendId?: number;
+  // 消息类型
+  type?: number;
+  // 消息内容
+  content?: string;
+  // 未读消息
+  unRead?: number;
+  // 状态, 0未读, 1已读
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 注册时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 聊天消息表搜索条件
+ */
+export interface ChatConversationParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/views/system/chatMessage/index.ts

@@ -0,0 +1,120 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ChatMessage, ChatMessageParam } from './model';
+import { SERVER_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询聊天消息表
+ */
+export async function pageChatMessage(params: ChatMessageParam) {
+  const res = await request.get<ApiResult<PageResult<ChatMessage>>>(
+    SERVER_API_URL + '/system/chat-message/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询聊天消息表列表
+ */
+export async function listChatMessage(params?: ChatMessageParam) {
+  const res = await request.get<ApiResult<ChatMessage[]>>(
+    SERVER_API_URL + '/system/chat-message',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加聊天消息表
+ */
+export async function addChatMessage(data: ChatMessage) {
+  const res = await request.post<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-message',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加聊天消息表
+ */
+export async function addBatchChatMessage(data: ChatMessage[]) {
+  const res = await request.post<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-message/batch',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改聊天消息表
+ */
+export async function updateChatMessage(data: ChatMessage) {
+  const res = await request.put<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-message',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除聊天消息表
+ */
+export async function removeChatMessage(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-message/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除聊天消息表
+ */
+export async function removeBatchChatMessage(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/chat-message/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询聊天消息表
+ */
+export async function getChatMessage(id: number) {
+  const res = await request.get<ApiResult<ChatMessage>>(
+    SERVER_API_URL + '/system/chat-message/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/views/system/chatMessage/model/index.ts

@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 聊天消息表
+ */
+export interface ChatMessage {
+  // 自增ID
+  id?: number;
+  // 发送人ID
+  formUserId?: number;
+  // 接收人ID
+  toUserId?: number;
+  // 消息类型
+  type?: string;
+  // 消息内容
+  content?: string;
+  // 屏蔽接收方
+  sideTo?: number;
+  // 屏蔽发送方
+  sideFrom?: number;
+  // 是否撤回
+  withdraw?: number;
+  // 文件信息
+  fileInfo?: string;
+  toUserName?: any;
+  formUserName?: string;
+  // 批量发送
+  toUserIds?: any[];
+  // 存在联系方式
+  hasContact?: number;
+  // 状态, 0未读, 1已读
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 注册时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 聊天消息表搜索条件
+ */
+export interface ChatMessageParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/views/system/order/components/order-edit.vue

@@ -0,0 +1,175 @@
+<!-- 订单编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="460"
+    :visible="visible"
+    :confirm-loading="loading"
+    :title="isUpdate ? '修改订单' : '添加订单'"
+    :body-style="{ paddingBottom: '8px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 5, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="选择客户" name="companyId">
+        <SelectCompany v-model:value="form.tenantName" @done="onCompany" />
+      </a-form-item>
+      <a-form-item label="支付金额" name="money">
+        <a-input-number
+          allow-clear
+          max="1000000"
+          style="width: 200px"
+          placeholder="请输入订单金额"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="到期时间" name="days">
+        <a-date-picker
+          v-model:value="form.expirationTime"
+          show-time
+          placeholder="到期时间"
+          value-format="YYYY-MM-DD HH:mm:ss"
+        />
+      </a-form-item>
+      <a-form-item label="备注">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入备注"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import type { FormInstance, Rule } from 'ant-design-vue/es/form';
+  import { storeToRefs } from 'pinia';
+  import { useThemeStore } from '@/store/modules/theme';
+  import useFormData from '@/utils/use-form-data';
+  import { urlReg } from 'ele-admin-pro';
+  import { Order } from '@/api/system/order/model';
+  import { addOrder, updateOrder } from '@/api/system/order';
+  import { Company } from '@/api/system/company/model';
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: Order | null;
+  }>();
+
+  //
+  const formRef = ref<FormInstance | null>(null);
+
+  // 是否是修改
+  const isUpdate = ref(false);
+
+  // 提交状态
+  const loading = ref(false);
+
+  // 表单数据
+  const { form, resetFields, assignFields } = useFormData<Order>({
+    orderId: undefined,
+    money: undefined,
+    companyName: '',
+    companyId: 0,
+    tenantId: undefined,
+    tenantName: '',
+    comments: undefined
+  });
+
+  // 表单验证规则
+  const rules = reactive<Record<string, Rule[]>>({
+    companyId: [
+      {
+        required: true,
+        message: '请选择客户',
+        pattern: urlReg,
+        type: 'number',
+        trigger: 'blur'
+      }
+    ],
+    money: [
+      {
+        required: true,
+        message: '请输入订单金额',
+        type: 'number',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const onCompany = (item: Company) => {
+    console.log(item);
+    form.companyId = item.companyId;
+    form.tenantName = item.tenantName;
+    form.tenantId = item.tenantId;
+  };
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const saveOrUpdate = isUpdate.value ? updateOrder : addOrder;
+        saveOrUpdate(form)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignFields(props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+        formRef.value?.clearValidate();
+      }
+    }
+  );
+</script>

src/views/system/order/components/search.vue

@@ -0,0 +1,104 @@
+<!-- 搜索表单 -->
+<template>
+  <div style="display: flex; justify-content: space-between">
+    <a-space style="flex-wrap: wrap">
+      <!--      <a-button type="primary" class="ele-btn-icon" @click="add">-->
+      <!--        <template #icon>-->
+      <!--          <PlusOutlined />-->
+      <!--        </template>-->
+      <!--        <span>添加订单</span>-->
+      <!--      </a-button>-->
+      <a-button
+        danger
+        type="primary"
+        class="ele-btn-icon"
+        v-if="selection?.length > 0"
+        @click="removeBatch"
+      >
+        <template #icon>
+          <DeleteOutlined />
+        </template>
+        <span>批量删除</span>
+      </a-button>
+    </a-space>
+    <a-space :size="10" style="flex-wrap: wrap; margin-right: 20px">
+      <a-input-search
+        allow-clear
+        placeholder="请输入关键词"
+        v-model:value="searchText"
+        @pressEnter="search"
+        @search="search"
+      />
+    </a-space>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';
+  import useSearch from '@/utils/use-search';
+  import { ref, watch } from 'vue';
+  import { CompanyParam } from '@/api/system/company/model';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: CompanyParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'update', status?: number): void;
+    (e: 'import'): void;
+  }>();
+
+  // 表单数据
+  const { where, resetFields } = useSearch<CompanyParam>({
+    companyId: undefined,
+    companyName: undefined,
+    keywords: '',
+    authentication: undefined,
+    version: undefined,
+    province: '',
+    city: '',
+    region: ''
+  });
+  const tenantId = ref<number>();
+  if (localStorage.getItem('TenantId')) {
+    tenantId.value = Number(localStorage.getItem('TenantId'));
+  }
+
+  // 搜索内容
+  const searchText = ref('');
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  /* 搜索 */
+  const search = () => {
+    emit('search', {
+      ...where
+    });
+  };
+
+  /*  重置 */
+  const reset = () => {
+    resetFields();
+    search();
+  };
+
+  // 批量删除
+  const removeBatch = () => {
+    emit('remove');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/system/order/index.vue

@@ -0,0 +1,193 @@
+<template>
+  <div class="ele-body">
+    <a-card :bordered="false">
+      <!-- 表格 -->
+      <ele-pro-table
+        ref="tableRef"
+        row-key="orderId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        :scroll="{ x: 800 }"
+        cache-key="proSystemOrderTable"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'money'">
+            <span class="ele-text-warning">
+              ￥{{ formatNumber(record.money) }}
+            </span>
+          </template>
+          <template v-if="column.key === 'type'">
+            <a-tag v-if="record.type === 0">续费订单</a-tag>
+            <a-tag v-if="record.type === 1" color="purple">普通订单</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                placement="topRight"
+                title="确定要删除此模块吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+    <!-- 编辑弹窗 -->
+    <order-edit v-model:visible="showEdit" :data="current" @done="reload" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { EleProTable, formatNumber } from 'ele-admin-pro/es';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import { messageLoading } from 'ele-admin-pro/es';
+  import OrderEdit from './components/order-edit.vue';
+  import { pageOrder, removeOrder } from '@/api/system/order';
+  import type { Order, OrderParam } from '@/api/system/order/model';
+  import { Menu } from '@/api/system/menu/model';
+  import Search from '@/views/system/order/components/search.vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import { removeBatchCompany } from '@/api/system/company';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '订单号',
+      dataIndex: 'orderId',
+      width: 90
+    },
+    {
+      title: '订单类型',
+      dataIndex: 'type',
+      key: 'type',
+      align: 'center',
+      width: 120
+    },
+    {
+      title: '租户名称',
+      dataIndex: 'tenantName',
+      key: 'tenantName',
+      align: 'center'
+    },
+    {
+      title: '订单金额(元)',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center'
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      align: 'center'
+    }
+  ]);
+
+  // 表格选中数据
+  const selection = ref<Order[]>([]);
+
+  // 当前编辑数据
+  const current = ref<Order | null>(null);
+
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({ page, limit, where, orders }) => {
+    return pageOrder({ ...where, ...orders, limit, page });
+  };
+
+  /* 搜索 */
+  const reload = (where?: OrderParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ page: 1, where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: Order) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: Menu) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+
+  /* 删除单个 */
+  const remove = (row: Order) => {
+    const hide = messageLoading('请求中..', 0);
+    removeOrder(row.orderId)
+      .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);
+        removeBatchCompany(selection.value.map((d) => d.orderId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'SystemOrder'
+  };
+</script>

src/views/system/user/index.vue

@@ -173,7 +173,7 @@
   import { listRoles } from '@/api/system/role';
   import { listOrganizations } from '@/api/system/organization';
   import { Organization } from '@/api/system/organization/model';
-  import {hasRole} from "@/utils/permission";
+  import { hasRole } from '@/utils/permission';
 
   // 加载状态
   const loading = ref(true);