Просмотр исходного кода

refactor(订单模块): 重构常量引用路径并优化类型定义

yz 5 дней назад
Родитель
Сommit
8baaa4d1e8
3 измененных файлов с 37 добавлено и 76 удалено
  1. 1 1
      src/api/types/order.d.ts
  2. 21 69
      src/views/order/order/constants.js
  3. 15 6
      src/views/order/order/option.js

+ 1 - 1
src/api/types/order.d.ts

@@ -1,4 +1,4 @@
-import { ORDER_TYPES, ORDER_STATUS, ORDER_ITEM_STATUS } from '@/constants';
+import { ORDER_TYPES, ORDER_STATUS, ORDER_ITEM_STATUS } from '@/constants/order';
 import { AxiosResponse } from 'axios';
 
 /**

+ 21 - 69
src/views/order/order/constants.js

@@ -10,104 +10,56 @@ import {
   getOrderTypeTagType as getOrderTypeTagTypeFromConstants,
   getOrderStatusLabel as getOrderStatusLabelFromConstants,
   getOrderStatusTagType as getOrderStatusTagTypeFromConstants
-} from '@/constants'
+} from '@/constants/order'
 
-/**
- * 订单类型枚举(兼容性别名)
- * @readonly
- * @enum {number}
- * @deprecated 请使用 @/constants 中的 ORDER_TYPES
- */
+// 订单类型枚举(兼容性别名)
+// @deprecated 请使用 @/constants 中的 ORDER_TYPES
 export { ORDER_TYPES }
 
-/**
- * 订单状态枚举(兼容性别名)
- * @readonly
- * @enum {number}
- * @deprecated 请使用 @/constants 中的 ORDER_STATUS
- */
+// 订单状态枚举(兼容性别名)
+// @deprecated 请使用 @/constants 中的 ORDER_STATUS
 export { ORDER_STATUS }
 
-/**
- * 订单类型标签映射(兼容性别名)
- * @readonly
- * @type {Record<number, string>}
- * @deprecated 请使用 @/constants 中的 getOrderTypeLabel 函数
- */
+// 订单类型标签映射(兼容性别名)
+// @deprecated 请使用 @/constants 中的 getOrderTypeLabel 函数
 export const ORDER_TYPE_LABELS = Object.fromEntries(
   Object.entries(ORDER_TYPE_CONFIG).map(([key, config]) => [key, config.label])
 )
 
-/**
- * 订单状态标签映射(兼容性别名)
- * @readonly
- * @type {Record<number, string>}
- * @deprecated 请使用 @/constants 中的 getOrderStatusLabel 函数
- */
+// 订单状态标签映射(兼容性别名)
+// @deprecated 请使用 @/constants 中的 getOrderStatusLabel 函数
 export const ORDER_STATUS_LABELS = Object.fromEntries(
   Object.entries(ORDER_STATUS_CONFIG).map(([key, config]) => [key, config.label])
 )
 
-/**
- * 订单类型标签类型映射(兼容性别名)
- * @readonly
- * @type {Record<number, string>}
- * @deprecated 请使用 @/constants 中的 getOrderTypeTagType 函数
- */
+// 订单类型标签类型映射(兼容性别名)
+// @deprecated 请使用 @/constants 中的 getOrderTypeTagType 函数
 export const ORDER_TYPE_TAG_TYPES = Object.fromEntries(
   Object.entries(ORDER_TYPE_CONFIG).map(([key, config]) => [key, config.type])
 )
 
-/**
- * 订单状态标签类型映射(兼容性别名)
- * @readonly
- * @type {Record<number, string>}
- * @deprecated 请使用 @/constants 中的 getOrderStatusTagType 函数
- */
+// 订单状态标签类型映射(兼容性别名)
+// @deprecated 请使用 @/constants 中的 getOrderStatusTagType 函数
 export const ORDER_STATUS_TAG_TYPES = Object.fromEntries(
   Object.entries(ORDER_STATUS_CONFIG).map(([key, config]) => [key, config.type])
 )
 
-/**
- * 订单类型选项数组(兼容性别名)
- * @readonly
- * @type {Array<{label: string, value: number}>}
- * @deprecated 请使用 @/constants 中的 ORDER_TYPE_OPTIONS
- */
+// 订单类型选项数组(兼容性别名)
+// @deprecated 请使用 @/constants 中的 ORDER_TYPE_OPTIONS
 export { ORDER_TYPE_OPTIONS }
 
-/**
- * 订单状态选项数组(兼容性别名)
- * @readonly
- * @type {Array<{label: string, value: number}>}
- * @deprecated 请使用 @/constants 中的 ORDER_STATUS_OPTIONS
- */
+// 订单状态选项数组(兼容性别名)
+// @deprecated 请使用 @/constants 中的 ORDER_STATUS_OPTIONS
 export { ORDER_STATUS_OPTIONS }
 
-/**
- * 获取订单类型标签
- * @param {number} orderType - 订单类型值
- * @returns {string} 订单类型标签
- */
+// 获取订单类型标签
 export const getOrderTypeLabel = getOrderTypeLabelFromConstants
 
-/**
- * 获取订单类型标签类型
- * @param {number} orderType - 订单类型值
- * @returns {string} 标签类型
- */
+// 获取订单类型标签类型
 export const getOrderTypeTagType = getOrderTypeTagTypeFromConstants
 
-/**
- * 获取订单状态标签
- * @param {number} status - 订单状态值
- * @returns {string} 订单状态标签
- */
+// 获取订单状态标签
 export const getOrderStatusLabel = getOrderStatusLabelFromConstants
 
-/**
- * 获取订单状态标签类型
- * @param {number} status - 订单状态值
- * @returns {string} 标签类型
- */
+// 获取订单状态标签类型
 export const getOrderStatusTagType = getOrderStatusTagTypeFromConstants

+ 15 - 6
src/views/order/order/option.js

@@ -1,4 +1,4 @@
-import { ORDER_TYPE_OPTIONS, ORDER_STATUS_OPTIONS, ORDER_ITEM_STATUS_OPTIONS } from '@/constants'
+import { ORDER_TYPE_OPTIONS, ORDER_STATUS_OPTIONS, ORDER_ITEM_STATUS_OPTIONS } from '@/constants/order'
 
 /**
  * @typedef {Object} ColumnConfig
@@ -7,7 +7,7 @@ import { ORDER_TYPE_OPTIONS, ORDER_STATUS_OPTIONS, ORDER_ITEM_STATUS_OPTIONS } f
  * @property {number} [minWidth] - 最小宽度
  * @property {boolean} [search] - 是否可搜索
  * @property {string} [type] - 列类型
- * @property {Array} [dicData] - 字典数据
+ * @property {Array<any>} [dicData] - 字典数据
  * @property {string} [align] - 对齐方式
  * @property {boolean} [slot] - 是否使用插槽
  * @property {boolean} [editDisabled] - 编辑时是否禁用
@@ -16,6 +16,8 @@ import { ORDER_TYPE_OPTIONS, ORDER_STATUS_OPTIONS, ORDER_ITEM_STATUS_OPTIONS } f
  * @property {number} [precision] - 数字精度
  * @property {number} [span] - 表单占用列数
  * @property {Array<Object>} [rules] - 验证规则
+ * @property {string} [format] - 日期格式
+ * @property {string} [valueFormat] - 值格式
  */
 
 /**
@@ -33,7 +35,7 @@ import { ORDER_TYPE_OPTIONS, ORDER_STATUS_OPTIONS, ORDER_ITEM_STATUS_OPTIONS } f
  * @property {boolean} selection - 是否显示选择框
  * @property {boolean} dialogClickModal - 弹窗点击遮罩是否关闭
  * @property {boolean} expand - 是否启用行展开
- * @property {Array} expandRowKeys - 默认展开的行
+ * @property {Array<any>} expandRowKeys - 默认展开的行
  * @property {boolean} defaultExpandAll - 是否默认展开所有行
  * @property {Array<ColumnConfig>} column - 列配置
  */
@@ -124,7 +126,7 @@ export const option = {
       label: '订单类型',
       prop: 'orderType',
       type: 'select',
-      dicData: ORDER_TYPE_OPTIONS,
+      dicData: [...ORDER_TYPE_OPTIONS],
       search: true,
       minWidth: 100,
       align: 'center',
@@ -205,7 +207,7 @@ export const option = {
       label: '订单状态',
       prop: 'status',
       type: 'select',
-      dicData: ORDER_STATUS_OPTIONS,
+      dicData: [...ORDER_STATUS_OPTIONS],
       search: true,
       minWidth: 100,
       align: 'center',
@@ -253,10 +255,17 @@ export const orderItemOption = {
   calcHeight: 30,
   tip: false,
   searchShow: true,
+  searchMenuSpan: 6,
   border: true,
   index: true,
+  viewBtn: true,
+  editBtn: true,
+  delBtn: false,
   selection: true,
   dialogClickModal: false,
+  expand: false,
+  expandRowKeys: [],
+  defaultExpandAll: false,
   
   column: [
     {
@@ -332,7 +341,7 @@ export const orderItemOption = {
       label: '明细状态',
       prop: 'itemStatus',
       type: 'select',
-      dicData: ORDER_ITEM_STATUS_OPTIONS,
+      dicData: [...ORDER_ITEM_STATUS_OPTIONS],
       search: true,
       minWidth: 100,
       align: 'center',