From 97d75c41a070b05e7e301e3df5a5dd0f7968cf22 Mon Sep 17 00:00:00 2001
From: chenfang <chenfang@chenrise.com>
Date: Fri, 8 Mar 2024 09:41:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8C=85=E8=A3=85=E8=A7=84=E6=A0=BC=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=AD=97=E6=AE=B5=E7=88=B6=E5=8C=85=E8=A3=85?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../packageunit/packageunit.data.ts           | 298 +++++++++++++++++-
 .../stockup/stockupMainRequest/index.vue      |  61 +++-
 .../stockupMainRequest.data.ts                | 240 +++++++++-----
 3 files changed, 521 insertions(+), 78 deletions(-)

diff --git a/src/views/wms/basicDataManage/itemManage/packageunit/packageunit.data.ts b/src/views/wms/basicDataManage/itemManage/packageunit/packageunit.data.ts
index cec3bc81d..c81fe91d2 100644
--- a/src/views/wms/basicDataManage/itemManage/packageunit/packageunit.data.ts
+++ b/src/views/wms/basicDataManage/itemManage/packageunit/packageunit.data.ts
@@ -1,6 +1,274 @@
 import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
 import { dateFormatter } from '@/utils/formatTime'
 import { fa } from 'element-plus/es/locale'
+import * as PackageunitApi from '@/api/wms/packageunit'
+
+export const PackageunitCopy = useCrudSchemas(reactive<CrudSchema[]>([
+  {
+    label: '包装代码',
+    field: 'code',
+    sort: 'custom',
+    isSearch: true,
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '父包装代码',
+    field: 'parentCode',
+    sort: 'custom',
+    table: {
+      width: 150
+    }
+  },
+  {
+    label: '包装名称',
+    field: 'name',
+    sort: 'custom',
+    isSearch: true,
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '包装类型',
+    field: 'type',
+    dictType: DICT_TYPE.PACK_UNIT_TYPE,
+    dictClass: 'string',
+    sort: 'custom',
+    isSearch: true,
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '长',
+    field: 'length',
+    sort: 'custom',
+    form: {
+      component: 'InputNumber',
+      value: 0
+    },
+  },
+  {
+    label: '宽',
+    field: 'width',
+    sort: 'custom',
+    form: {
+      component: 'InputNumber',
+      value: 0
+    },
+  },
+  {
+    label: '高',
+    field: 'height',
+    sort: 'custom',
+    form: {
+      component: 'InputNumber',
+      value: 0
+    },
+  },
+  {
+    label: '重量',
+    field: 'weight',
+    sort: 'custom',
+    form: {
+      component: 'InputNumber',
+      value: 0
+    },
+  },
+  {
+    label: '单位',
+    field: 'unit',
+    sort: 'custom',
+  },
+  {
+    label: '是否可用',
+    field: 'available',
+    sort: 'custom',
+    dictType: DICT_TYPE.TRUE_FALSE,
+    dictClass: 'string',
+    form: {
+      component: 'Switch',
+      value: 'TRUE',
+      componentProps: {
+        inactiveValue: 'FALSE',
+        activeValue: 'TRUE'
+      }
+    },
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '包装描述',
+    field: 'desc',
+    sort: 'custom',
+    isSearch: true,
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '是否重复使用',
+    field: 'reuse',
+    sort: 'custom',
+    dictType: DICT_TYPE.TRUE_FALSE,
+    dictClass: 'string',
+    isSearch: true,
+    form: {
+      component: 'Switch',
+      value: 'TRUE',
+      componentProps: {
+        inactiveValue: 'FALSE',
+        activeValue: 'TRUE'
+      }
+    },
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '是否管理包装库存',
+    field: 'manageBalance',
+    sort: 'custom',
+    dictType: DICT_TYPE.TRUE_FALSE,
+    dictClass: 'string',
+    isSearch: true,
+    form: {
+      component: 'Switch',
+      value: 'TRUE',
+      componentProps: {
+        inactiveValue: 'FALSE',
+        activeValue: 'TRUE'
+      }
+    },
+    table: {
+      width: 180
+    },
+  },
+  {
+    label: '生效时间',
+    field: 'activeTime',
+    sort: 'custom',
+    table: {
+      width: 180
+    },
+    formatter: dateFormatter,
+    form: {
+      component: 'DatePicker',
+      componentProps: {
+        type: 'datetime',
+        valueFormat: 'x'
+      }
+    },
+  },
+  {
+    label: '失效时间',
+    field: 'expireTime',
+    sort: 'custom',
+    table: {
+      width: 180
+    },
+    formatter: dateFormatter,
+    form: {
+      component: 'DatePicker',
+      componentProps: {
+        type: 'datetime',
+        valueFormat: 'x'
+      }
+    },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    sort: 'custom',
+    table: {
+      width: 180
+    },
+    formatter: dateFormatter,
+    isForm: false,
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    sort: 'custom',
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '删除时间',
+    field: 'deletionTime',
+    sort: 'custom',
+    isForm: false,
+    isTable: false,
+    table: {
+      width: 180
+    },
+    formatter: dateFormatter,
+    form: {
+      component: 'DatePicker',
+      componentProps: {
+        type: 'datetime',
+        valueFormat: 'x'
+      }
+    },
+  },
+  {
+    label: '删除者',
+    field: 'deleterId',
+    sort: 'custom',
+    isForm: false,
+    isTable: false,
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '扩展属性',
+    field: 'extraProperties',
+    sort: 'custom',
+    isForm: false,
+    isTable: false,
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '并发乐观锁',
+    field: 'concurrencyStamp',
+    sort: 'custom',
+    isForm: false,
+    isTable: false,
+    table: {
+      width: 150
+    },
+    form: {
+      component: 'InputNumber',
+      value: 0
+    },
+  },
+  {
+    label: '地点',
+    field: 'siteId',
+    sort: 'custom',
+    isForm: false,
+    isTable: false,
+    table: {
+      width: 150
+    },
+  },
+  {
+    label: '操作',
+    field: 'action',
+    isForm: false,
+    table: {
+      width: 150,
+      fixed: 'right'
+    }
+  }
+]))
 
 export const Packageunit = useCrudSchemas(reactive<CrudSchema[]>([
   {
@@ -12,6 +280,33 @@ export const Packageunit = useCrudSchemas(reactive<CrudSchema[]>([
       width: 150
     },
   },
+  {
+    label: '父包装代码',
+    field: 'parentCode',
+    sort: 'custom',
+    table: {
+      width: 150
+    },
+    form: {
+      componentProps: {
+        isSearchList: true,
+        searchListPlaceholder: '请选择父包装代码',
+        searchField: 'code',
+        searchTitle: '包装规格信息',
+        searchAllSchemas: PackageunitCopy.allSchemas,
+        searchPage: PackageunitApi.getCustomeritemPage,
+        searchCondition: [{
+          key: 'available',
+          value: 'TRUE',
+          isMainValue: false
+        },{
+          key: 'customerCode',
+          value: 'customerCode',
+          isMainValue: true
+        }]
+      }
+    }
+  },
   {
     label: '包装名称',
     field: 'name',
@@ -276,4 +571,5 @@ export const PackageunitRules = reactive({
     { max: 50, message: '不得超过50个字符', trigger: 'blur' },
     { required: true, message: '请输入包装描述', trigger: 'change' }
   ],
-})
\ No newline at end of file
+})
+
diff --git a/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/index.vue b/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/index.vue
index 29789db2e..4d7d0f5d8 100644
--- a/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/index.vue
+++ b/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/index.vue
@@ -28,7 +28,7 @@
       v-model:sort="tableObject.sort"
     >
       <template #code="{row}">
-        <el-button type="primary" link @click="openDetail(row, '代码', row.code)">
+        <el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
           <span>{{ row.code }}</span>
         </el-button>
       </template>
@@ -44,14 +44,37 @@
     @success="formsSuccess"
     :rules="StockupMainRequestRules"
     :formAllSchemas="StockupMainRequest.allSchemas"
+    :tableAllSchemas="StockupDetailRequest.allSchemas"
+    :tableFormRules="StockupDetailRequestRules"
+    :tableData="tableData"
     :apiUpdate="StockupMainRequestApi.updateStockupMainRequest"
     :apiCreate="StockupMainRequestApi.createStockupMainRequest"
+    :isBusiness="true"
+    fromeWhere="StockupMainRequest"
+    @handleAddTable="handleAddTable"
+    @handleDeleteTable="handleDeleteTable"
     @searchTableSuccess="searchTableSuccess"
-    :isBusiness="false"
+    @submitForm="formsSuccess"
+    :isShowButton = isShowButton
   />
 
   <!-- 详情 -->
-  <Detail ref="detailRef" :isBasic="true" :allSchemas="StockupMainRequest.allSchemas" />
+  <Detail 
+    ref="detailRef" 
+    :isBasic="false" 
+    :allSchemas="StockupDetailRequest.allSchemas" 
+    :detailAllSchemas="StockupDetailRequest.allSchemas"
+    :detailAllSchemasRules="StockupDetailRequestRules"
+    :apiCreate="StockupDetailRequestApi.createStockupDetailRequest"
+    :apiUpdate="StockupDetailRequestApi.updateStockupDetailRequest"
+    :apiPage="StockupDetailRequestApi.getStockupDetailRequestPage"
+    :apiDelete="StockupDetailRequestApi.deleteStockupDetailRequest"
+    fromeWhere="StockupDetailRequest"
+    @searchTableSuccessDetail="searchTableSuccessDetail"
+    :detailButtonIsShowAdd="true"
+    :detailButtonIsShowDelete="true"
+    @detailOpenForm="detailOpenForm"
+    />
 
   <!-- 导入 -->
   <ImportForm ref="importFormRef" url="/request/stockup-main-request/import" :importTemplateData="importTemplateData" @success="importSuccess" />
@@ -59,8 +82,9 @@
 
 <script setup lang="ts">
 import download from '@/utils/download'
-import { StockupMainRequest,StockupMainRequestRules } from './stockupMainRequest.data'
+import { StockupMainRequest,StockupMainRequestRules,StockupDetailRequest,StockupDetailRequestRules  } from './stockupMainRequest.data'
 import * as StockupMainRequestApi from '@/api/wms/stockupMainRequest/'
+import * as StockupDetailRequestApi from '@/api/wms/stockupDetailRequest/'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import TableHead from '@/components/TableHead/src/TableHead.vue'
 import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
@@ -76,6 +100,8 @@ const routeName = ref()
 routeName.value = route.name
 const tableColumns = ref(StockupMainRequest.allSchemas.tableColumns)
 
+const isShowButton = ref(true)
+
 // 查询页面返回
 const searchTableSuccess = (formField, searchField, val, formRef) => {
   nextTick(() => {
@@ -85,6 +111,15 @@ const searchTableSuccess = (formField, searchField, val, formRef) => {
   })
 }
 
+// 查询页面返回——详情
+const searchTableSuccessDetail = (formField, searchField, val, formRef ) => {
+  nextTick(() => {
+    const setV = {}
+    setV[formField] = val[0][searchField]
+    formRef.setValues(setV)
+  })
+}
+
 // 字段设置 更新主列表字段
 const updataTableColumns = (val) => {
   tableColumns.value = val
@@ -182,6 +217,14 @@ const openDetail = (row: any, titleName: any, titleValue: any) => {
   detailRef.value.openDetail(row, titleName, titleValue, 'basicStockupMainRequest')
 }
 
+/**
+ * 详情 编辑页面打开
+ * @param row 
+ */
+ const detailOpenForm = (type) => {
+
+}
+
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
   try {
@@ -210,6 +253,16 @@ const handleExport = async () => {
     exportLoading.value = false
   }
 }
+const tableData = ref([])
+
+// 添加明细
+const handleAddTable = () => {
+  tableData.value.push(JSON.parse(JSON.stringify(tableFormKeys)))
+}
+// 删除明细
+const handleDeleteTable = (item, index) => {
+  tableData.value.splice(index, 1)
+}
 
 /** 导入 */
 const importFormRef = ref()
diff --git a/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/stockupMainRequest.data.ts b/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/stockupMainRequest.data.ts
index fe04bcb89..f3e52938a 100644
--- a/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/stockupMainRequest.data.ts
+++ b/src/views/wms/deliversettlementManage/stockup/stockupMainRequest/stockupMainRequest.data.ts
@@ -7,10 +7,10 @@ export const StockupMainRequestRules = reactive({
 
 export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
   {
-    label: 'id',
-    field: 'id',
+    label: '单据号',
+    field: 'number',
     sort: 'custom',
-    isForm: false,
+    isSearch: true,
   },
   {
     label: '发货计划单号',
@@ -22,59 +22,47 @@ export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
     label: '从仓库代码',
     field: 'fromWarehouseCode',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '到仓库代码',
     field: 'toWarehouseCode',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '从库区类型范围',
     field: 'fromAreaTypes',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '从库区代码范围',
     field: 'fromAreaCodes',
     sort: 'custom',
-    isSearch: true,
-  },
-  {
-    label: 'details',
-    field: 'details',
-    sort: 'custom',
-    isSearch: true,
-  },
-  {
-    label: '单据号',
-    field: 'number',
-    sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '业务类型',
     field: 'businessType',
     sort: 'custom',
-    isSearch: true,
-                form: {
-                  component: 'SelectV2'
-                },
+    isSearch: false,
+    form: {
+            component: 'SelectV2'
+    },
   },
   {
     label: '备注',
     field: 'remark',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '创建时间',
     field: 'createTime',
     sort: 'custom',
     formatter: dateFormatter,
-    isSearch: true,
+    isSearch: false,
     search: {
       component: 'DatePicker',
       componentProps: {
@@ -85,28 +73,12 @@ export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
     },
     isForm: false,
   },
-  {
-    label: '扩展属性',
-    field: 'extraProperties',
-    sort: 'custom',
-    isSearch: true,
-  },
-  {
-    label: '地点ID',
-    field: 'siteId',
-    sort: 'custom',
-    isSearch: true,
-    form: {
-      component: 'InputNumber',
-      value: 0
-    },
-  },
   {
     label: '申请时间',
     field: 'requestTime',
     sort: 'custom',
     formatter: dateFormatter,
-    isSearch: true,
+    isSearch: false,
     search: {
       component: 'DatePicker',
       componentProps: {
@@ -128,7 +100,7 @@ export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'dueTime',
     sort: 'custom',
     formatter: dateFormatter,
-    isSearch: true,
+    isSearch: false,
     search: {
       component: 'DatePicker',
       componentProps: {
@@ -149,13 +121,13 @@ export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
     label: '部门',
     field: 'departmentCode',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '状态',
     field: 'status',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
     form: {
       component: 'Radio'
     },
@@ -164,63 +136,154 @@ export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
     label: '自动提交',
     field: 'autoCommit',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '自动通过',
     field: 'autoAgree',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '自动执行',
     field: 'autoExecute',
     sort: 'custom',
-    isSearch: true,
+    isSearch: false,
   },
   {
     label: '直接生成记录',
     field: 'directCreateRecord',
     sort: 'custom',
+    isSearch: false,
+  },
+  {
+    label: '到库区类型范围',
+    field: 'toAreaTypes',
+    sort: 'custom',
+    isSearch: false,
+  },
+  {
+    label: '到库区范围',
+    field: 'toAreaCodes',
+    sort: 'custom',
+    isSearch: false,
+  },
+  {
+    label: '发货日期',
+    field: 'deliverDate',
+    sort: 'custom',
+    formatter: dateFormatter,
+    isSearch: false,
+    search: {
+      component: 'DatePicker',
+      componentProps: {
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        type: 'daterange',
+        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
+      }
+    },
+    form: {
+      component: 'DatePicker',
+      componentProps: {
+        type: 'datetime',
+        valueFormat: 'x'
+      }
+    },
+  },
+  {
+    label: '入库库存状态范围',
+    field: 'inInventoryStatuses',
+    sort: 'custom',
+    isSearch: false,
+  },
+  {
+    label: '出库库存状态范围',
+    field: 'outInventoryStatuses',
+    sort: 'custom',
+    isSearch: false,
+  },
+  {
+    label: '操作',
+    field: 'action',
+    isForm: false,
+    table: {
+      width: 150,
+      fixed: 'right'
+    }
+  }
+]))
+
+// 表单校验
+export const StockupDetailRequestRules = reactive({
+  itemCode: [required],
+})
+
+//子表
+export const StockupDetailRequest = useCrudSchemas(reactive<CrudSchema[]>([
+  {
+    label: '包装号',
+    field: 'packingNumber',
+    sort: 'custom',
     isSearch: true,
   },
   {
-    label: '并发乐观锁',
-    field: 'concurrencyStamp',
+    label: '器具号',
+    field: 'containerNumber',
     sort: 'custom',
     isSearch: true,
   },
   {
-    label: '权限所属人员id',
-    field: 'ruleUserId',
+    label: '批次',
+    field: 'batch',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '库存状态',
+    field: 'inventoryStatus',
     sort: 'custom',
     isSearch: true,
     form: {
-      component: 'InputNumber',
-      value: 0
+      component: 'Radio'
     },
   },
   {
-    label: '到库区类型范围',
-    field: 'toAreaTypes',
+    label: '到货主代码',
+    field: 'toOwnerCode',
     sort: 'custom',
     isSearch: true,
   },
   {
-    label: '到库区范围',
-    field: 'toAreaCodes',
+    label: '到库位代码',
+    field: 'toLocationCode',
     sort: 'custom',
     isSearch: true,
   },
   {
-    label: '工作流流水号',
-    field: 'serialNumber',
+    label: '主表ID',
+    field: 'masterId',
     sort: 'custom',
     isSearch: true,
+    form: {
+      component: 'InputNumber',
+      value: 0
+    },
   },
   {
-    label: '发货日期',
-    field: 'deliverDate',
+    label: '单据号',
+    field: 'number',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
     sort: 'custom',
     formatter: dateFormatter,
     isSearch: true,
@@ -232,23 +295,53 @@ export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
         defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
       }
     },
-    form: {
-      component: 'DatePicker',
-      componentProps: {
-        type: 'datetime',
-        valueFormat: 'x'
-      }
-    },
+    isForm: false,
   },
   {
-    label: '入库库存状态范围',
-    field: 'inInventoryStatuses',
+    label: '物品代码',
+    field: 'itemCode',
     sort: 'custom',
     isSearch: true,
   },
   {
-    label: '出库库存状态范围',
-    field: 'outInventoryStatuses',
+    label: '物品名称',
+    field: 'itemName',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '物品描述1',
+    field: 'itemDesc1',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '物品描述2',
+    field: 'itemDesc2',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '项目代码',
+    field: 'projectCode',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '数量',
+    field: 'qty',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '计量单位',
+    field: 'uom',
+    sort: 'custom',
+    isSearch: true,
+  },
+  {
+    label: '从货主代码',
+    field: 'fromOwnerCode',
     sort: 'custom',
     isSearch: true,
   },
@@ -262,3 +355,4 @@ export const StockupMainRequest = useCrudSchemas(reactive<CrudSchema[]>([
     }
   }
 ]))
+