From af71d4d40239505726128c4854a6578748710464 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Mon, 19 Aug 2024 14:39:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=B7=B2=E7=9F=A5bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/distribution/SeparateTheList.js       |   9 +
 .../distribution/distributionStockArticle.js  |   9 +
 src/option/distribution/SeparateTheList.js    |  59 +++-
 .../storagecost/Warehouserentalmanagement.vue | 257 +++++++++++-------
 .../inventory/delivery/SeparateTheList.vue    | 157 ++++++-----
 .../delivery/distributionStockArticle.vue     | 204 ++++++++++++++
 6 files changed, 507 insertions(+), 188 deletions(-)

diff --git a/src/api/distribution/SeparateTheList.js b/src/api/distribution/SeparateTheList.js
index e69de29b..7ff39556 100644
--- a/src/api/distribution/SeparateTheList.js
+++ b/src/api/distribution/SeparateTheList.js
@@ -0,0 +1,9 @@
+import request from '@/axios';
+
+export const $_alltasklist = (params) => {
+  return request({
+    url: '/api/logpm-distribution/split-order-task/all-task-list',
+    method: 'get',
+    params
+  });
+};
\ No newline at end of file
diff --git a/src/api/distribution/distributionStockArticle.js b/src/api/distribution/distributionStockArticle.js
index a7f1099b..5bdbb819 100644
--- a/src/api/distribution/distributionStockArticle.js
+++ b/src/api/distribution/distributionStockArticle.js
@@ -424,3 +424,12 @@ export const $_signforListDetail = params => {
     params,
   });
 };
+
+// 拆单新增
+export const $_batchcreatetask = data => {
+  return request({
+    url: '/api/logpm-distribution/split-order-task/batch-create-task',
+    method: 'post',
+    data,
+  });
+};
diff --git a/src/option/distribution/SeparateTheList.js b/src/option/distribution/SeparateTheList.js
index bbf70a26..802ba7d3 100644
--- a/src/option/distribution/SeparateTheList.js
+++ b/src/option/distribution/SeparateTheList.js
@@ -15,9 +15,10 @@ export const columnList = [
     width: 55,
     fixed: true,
   },
+
   {
-    prop: 'oprationUserName',
-    label: '操作人',
+    prop: 'no',
+    label: '拆单任务编号',
     type: 1,
     values: '',
     width: '150',
@@ -26,23 +27,67 @@ export const columnList = [
     head: false,
   },
   {
-    prop: 'createTime',
-    label: '操作时间',
+    prop: 'orderCode',
+    label: '原订单编号',
+    type: 1,
+    values: '',
+    width: '150',
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'number',
+    label: '拆单单数',
+    type: 1,
+    values: '',
+    width: '150',
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'orderPackageNumber',
+    label: '拆单件数',
+    type: 1,
+    values: '',
+    width: '150',
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'state',
+    label: '拆单任务状态',
     type: 1,
     values: '',
     width: '150',
     fixed: true,
     sortable: true,
     head: false,
+   
   },
+  // 1.2.3
+  // 未完成  已完成 已撤销
   {
-    prop: 'content',
-    label: '操作内容',
+    prop: 'createTime',
+    label: '创建时间',
     type: 1,
     values: '',
-    width: '600',
+    width: '150',
     fixed: true,
     sortable: true,
     head: false,
   },
+  {
+    prop: '',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: 'right',
+    sortable: true,
+  },
 ];
diff --git a/src/views/cost/storagecost/Warehouserentalmanagement.vue b/src/views/cost/storagecost/Warehouserentalmanagement.vue
index b57ecfdd..e330856e 100644
--- a/src/views/cost/storagecost/Warehouserentalmanagement.vue
+++ b/src/views/cost/storagecost/Warehouserentalmanagement.vue
@@ -126,7 +126,7 @@
         element-loading-text="Loading..."
       >
         <div class="el_div">
-          <el-form-item label="客户名称">
+          <el-form-item label="客户名称" prop="clientId">
             <el-select
               filterable
               v-model="form.clientId"
@@ -145,7 +145,7 @@
             </el-select>
           </el-form-item>
         </div>
-        <el-form-item label="租用仓库">
+        <el-form-item label="租用仓库" prop="warehouseId">
           <el-select
             v-model="form.warehouseId"
             placeholder="请选择租用仓库"
@@ -188,17 +188,11 @@
           <el-input v-model="form.leasedArea" :disabled="form.type == 2" />
         </el-form-item>
 
-        <el-form-item label="月租金(元/月)">
-          <el-input-number v-model="form.monthlyRent" :min="0" :controls="false" :precision="2" />
+        <el-form-item label="月租金(元/月)" prop="monthlyRent">
+          <el-input-number v-model="form.monthlyRent" :min="1" :controls="false" :precision="2" />
         </el-form-item>
 
-        <el-form-item label="租赁合同时间">
-          <!-- <el-date-picker
-            v-model="form.LeasecontractDate"
-            type="date"
-            placeholder="请选择开始时间"
-            value-format="YYYY-MM-DD HH:mm:ss"
-          /> -->
+        <el-form-item label="租赁合同时间" prop="LeasecontractDate">
           <el-date-picker
             v-model="form.LeasecontractDate"
             type="datetimerange"
@@ -364,10 +358,10 @@ const {
   defaultTime2,
 } = toRefs(details);
 const rules = reactive({
-  name: [
-    { required: true, message: 'Please input Activity name', trigger: 'blur' },
-    { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
-  ],
+  clientId: [{ required: true, message: '请填写客户名称', trigger: 'u' }],
+  warehouseId: [{ required: true, message: '请选择租用仓库', trigger: 'change' }],
+  monthlyRent: [{ required: true, message: '请选填写月租金', trigger: 'change' }],
+  LeasecontractDate: [{ required: true, message: '请选择租赁合同时间', trigger: 'change' }],
 });
 /** 展开列表控件 */
 const showdrawer = _flag => {
@@ -522,28 +516,63 @@ const PageOnload = () => {
 PageOnload();
 // 新增
 const AddInfo = () => {
+  dictList.value = [];
+  form.value = {
+    clientId: '', //客户名称ID
+    warehouseId: '', //租用仓库ID
+    leaseCommencementDate: '', //租赁合同开始时间
+    leaseTerminationDate: '', //租赁合同结束时间
+    monthlyRent: '', //月租金
+    leasedArea: '', //客户租用面积
+    type: 2, //租用类型
+    storageLocationCount: '', //客户租用库位数
+    residualArea: null, //剩余库位面积
+    singleStorageArea: null, //单库位面积
+  };
   Customertitle.value = '客户租仓信息新增';
   dialogCustomer.value = true; //开启弹窗
+  ruleFormRef.value.resetFields();
 };
 // 客户租用类型计算
 const changetype = () => {
   form.value.storageLocationCount = null; //客户租用库位数
   form.value.leasedArea = null; //客户租用库位数
-  // form.value.residualArea = null; //剩余库位面积
-  // form.value.singleStorageArea = null; //单库位面积
 };
+form.value.residualArea = null; //剩余库位面积
+form.value.singleStorageArea = null; //单库位面积
 const changewarehouse = async () => {
   let data = {
     warehouseId: form.value.warehouseId,
   };
+
   formloading.value = true;
   await $_residualArea(data)
     .then(res => {
       console.log(res, '剩余可租用面积');
       if (res.data.code == 200) {
-        form.value.residualArea = Number(res.data.data.residualArea); //剩余库位面积
-        form.value.singleStorageArea = Number(res.data.data.singleStorageArea); //单库位面积
-        if ((Customertitle.value = '客户租仓信息编辑')) {
+        const sope = res.data.data;
+        if (sope.residualArea != null) {
+          form.value.residualArea = Number(sope.residualArea); //剩余库位面积
+        } else {
+          form.value.residualArea = sope.residualArea;
+          ElMessage({
+            message: '请维护仓库基础资料',
+            type: 'warning',
+          });
+          return;
+        }
+        if (sope.singleStorageArea != null) {
+          form.value.singleStorageArea = Number(sope.singleStorageArea); //单库位面积
+        } else {
+          form.value.singleStorageArea = sope.singleStorageArea;
+          ElMessage({
+            message: '请维护仓库基础资料',
+            type: 'warning',
+          });
+          return;
+        }
+
+        if (Customertitle.value == '客户租仓信息编辑') {
           form.value.leasedArea = Number(form.value.leasedArea);
           form.value.residualArea = form.value.residualArea + form.value.leasedArea; //剩余库位面积 //租用面积
         }
@@ -559,81 +588,102 @@ const changewarehouse = async () => {
 
 // 计算租用数面积
 const changestorageLocationCount = () => {
-  // 租用库位数 *单库位面积 =客户租用面积
-  form.value.leasedArea = form.value.storageLocationCount * form.value.singleStorageArea;
-};
-// 最后提交
-const Customeradded = () => {
-  if (form.value.type == 2 && form.value.leasedArea > form.value.residualArea) {
+  console.log(form.value.singleStorageArea, 'form.value.singleStorageArea');
+  if (form.value.residualArea == null || form.value.singleStorageArea == null) {
     ElMessage({
-      message: '客户租用面积不能大于剩余可租用面积,请重新填写客户租用库位数',
+      message: '请维护仓库基础资料',
       type: 'warning',
     });
     return;
   }
 
-  if (form.value.type == 1 && form.value.leasedArea > form.value.residualArea) {
-    ElMessage({
-      message: '客户租用面积不能大于剩余可租用面积',
-      type: 'warning',
-    });
-    return;
-  }
+  // 租用库位数 *单库位面积 =客户租用面积
+  form.value.leasedArea = form.value.storageLocationCount * form.value.singleStorageArea;
+};
+// 最后提交
+const Customeradded = () => {
+  ruleFormRef.value.validate(valid => {
+    if (valid) {
+      if (form.value.storageLocationCount == null || form.value.leasedArea == null) {
+        ElMessage({
+          message: '请维护仓库基础资料',
+          type: 'warning',
+        });
+        return;
+      }
 
-  // clientId: '', //客户名称ID
-  // warehouseId: '', //租用仓库ID
-  // leaseCommencementDate: '', //租赁合同开始时间
-  // leaseTerminationDate: '', //租赁合同结束时间
-  // monthlyRent: '', //月租金
-  // leasedArea: '', //客户租用面积
-  // type: '', //租用类型
-  // storageLocationCount: '', //客户租用库位数
-  let data = {
-    ...form.value,
-  };
-  data.leaseCommencementDate = data.LeasecontractDate[0];
-  data.leaseTerminationDate = data.LeasecontractDate[1];
-  console.log(data, '准备提交的数据');
-  formloading.value = true;
-  if (Customertitle.value == '客户租仓信息编辑') {
-    data.id = DataRwo.value.id;
-    $_Warehouserentalmanagementupdate(data)
-      .then(res => {
-        if (res.data.code == 200) {
-          ElMessage({
-            message: res.data.msg,
-            type: 'success',
+      if (form.value.type == 2 && form.value.leasedArea > form.value.residualArea) {
+        ElMessage({
+          message: '客户租用面积不能大于剩余可租用面积,请重新填写客户租用库位数',
+          type: 'warning',
+        });
+        return;
+      }
+
+      if (form.value.type == 1 && form.value.leasedArea > form.value.residualArea) {
+        ElMessage({
+          message: '客户租用面积不能大于剩余可租用面积',
+          type: 'warning',
+        });
+        return;
+      }
+
+      // clientId: '', //客户名称ID
+      // warehouseId: '', //租用仓库ID
+      // leaseCommencementDate: '', //租赁合同开始时间
+      // leaseTerminationDate: '', //租赁合同结束时间
+      // monthlyRent: '', //月租金
+      // leasedArea: '', //客户租用面积
+      // type: '', //租用类型
+      // storageLocationCount: '', //客户租用库位数
+      let data = {
+        ...form.value,
+      };
+      data.leaseCommencementDate = data.LeasecontractDate[0];
+      data.leaseTerminationDate = data.LeasecontractDate[1];
+      console.log(data, '准备提交的数据');
+      formloading.value = true;
+      if (Customertitle.value == '客户租仓信息编辑') {
+        data.id = DataRwo.value.id;
+        $_Warehouserentalmanagementupdate(data)
+          .then(res => {
+            if (res.data.code == 200) {
+              ElMessage({
+                message: res.data.msg,
+                type: 'success',
+              });
+              dialogCustomer.value = false;
+              onLoad();
+            }
+          })
+          .catch(error => {
+            console.log(error);
+          })
+          .finally(() => {
+            formloading.value = false;
           });
-          dialogCustomer.value = false;
-          onLoad();
-        }
-      })
-      .catch(error => {
-        console.log(error);
-      })
-      .finally(() => {
-        formloading.value = false;
-      });
-  } else {
-    $_Warehouserentalmanagementsave(data)
-      .then(res => {
-        console.log(res, '新增');
-        if (res.data.code == 200) {
-          ElMessage({
-            message: res.data.msg,
-            type: 'success',
+      } else {
+        $_Warehouserentalmanagementsave(data)
+          .then(res => {
+            console.log(res, '新增');
+            if (res.data.code == 200) {
+              ElMessage({
+                message: res.data.msg,
+                type: 'success',
+              });
+              dialogCustomer.value = false;
+              onLoad();
+            }
+          })
+          .catch(error => {
+            console.log(error);
+          })
+          .finally(() => {
+            formloading.value = false;
           });
-          dialogCustomer.value = false;
-          onLoad();
-        }
-      })
-      .catch(error => {
-        console.log(error);
-      })
-      .finally(() => {
-        formloading.value = false;
-      });
-  }
+      }
+    }
+  });
 };
 // 编辑
 const edit = row => {
@@ -669,23 +719,26 @@ const Viewdelete = rwo => {
   })
     .then(() => {
       console.log(rwo);
-      let data={
-        ids:rwo.id
-      }
+      let data = {
+        ids: rwo.id,
+      };
       details.loadingObj.list = true;
-      $_Warehouserentalmanagementremove(data).then(res => {
-        if (res.data.code == 200) {
-          ElMessage({
-            type: 'success',
-            message: '删除成功',
-          });
-          onLoad();
-        }
-      }).catch(error=>{
-        console.log(error)
-      }).finally(()=>{
-        details.loadingObj.list = false;
-      });
+      $_Warehouserentalmanagementremove(data)
+        .then(res => {
+          if (res.data.code == 200) {
+            ElMessage({
+              type: 'success',
+              message: '删除成功',
+            });
+            onLoad();
+          }
+        })
+        .catch(error => {
+          console.log(error);
+        })
+        .finally(() => {
+          details.loadingObj.list = false;
+        });
     })
     .catch(() => {});
 };
diff --git a/src/views/distribution/inventory/delivery/SeparateTheList.vue b/src/views/distribution/inventory/delivery/SeparateTheList.vue
index 18ae1682..e94dd23e 100644
--- a/src/views/distribution/inventory/delivery/SeparateTheList.vue
+++ b/src/views/distribution/inventory/delivery/SeparateTheList.vue
@@ -88,7 +88,7 @@
   ></edittablehead>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
 import functions from '@/utils/functions.js';
 import dayjs from 'dayjs';
@@ -111,83 +111,85 @@ import { columnList } from '@/option/distribution/SeparateTheList.js';
 import { useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import { ElMessage, ElMessageBox } from 'element-plus';
-// import {  } from '@/api/distribution/SeparateTheList';
-
+import { $_alltasklist } from '@/api/distribution/SeparateTheList';
 // 获取路由实例
 const $router = useRouter();
 
 const $store = useStore();
 
-const details = reactive<any>({
-  /** 是否开启搜索 */
-  search: true,
-  /** 表格搜索条件 */
-  query: {},
-  /** 时间快捷选择设置 */
-  shortcuts: [
-    {
-      text: '最近一周',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-        return [start, end];
+const details =
+  reactive <
+  any >
+  {
+    /** 是否开启搜索 */
+    search: true,
+    /** 表格搜索条件 */
+    query: {},
+    /** 时间快捷选择设置 */
+    shortcuts: [
+      {
+        text: '最近一周',
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+          return [start, end];
+        },
       },
-    },
-    {
-      text: '最近一个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-        return [start, end];
+      {
+        text: '最近一个月',
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+          return [start, end];
+        },
       },
-    },
-    {
-      text: '最近三个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-        return [start, end];
+      {
+        text: '最近三个月',
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+          return [start, end];
+        },
       },
-    },
-  ],
-  /** 列表 */
-  columnList: deepClone(columnList),
-  /** 列表数据 */
-  data: [{}],
-  /** 页面loading */
-  loadingObj: {
-    /** 列表加载loading */
-    list: false,
+    ],
+    /** 列表 */
+    columnList: deepClone(columnList),
+    /** 列表数据 */
+    data: [],
     /** 页面loading */
-    pageLoading: false,
-  },
-  /** 列表复选框选中的数据 */
-  selectionList: [],
-  /** 是否显示设置表格 */
-  drawerShow: false,
-  /** 分页参数 */
-  page: {
-    current: 1,
-    size: 30,
-    total: 0,
-  },
-  /** 弹出层显示 */
-  popUpShow: {
-    /** 图片预览 */
-    abnormalVisited: false,
-  },
-  /** 列表Dom节点 */
-  listNode: '',
-  form: {},
-  /** 全屏 */
-  fullscreenObj: {
-    /** 查看 */
-    view: false,
-  },
-});
+    loadingObj: {
+      /** 列表加载loading */
+      list: false,
+      /** 页面loading */
+      pageLoading: false,
+    },
+    /** 列表复选框选中的数据 */
+    selectionList: [],
+    /** 是否显示设置表格 */
+    drawerShow: false,
+    /** 分页参数 */
+    page: {
+      current: 1,
+      size: 30,
+      total: 0,
+    },
+    /** 弹出层显示 */
+    popUpShow: {
+      /** 图片预览 */
+      abnormalVisited: false,
+    },
+    /** 列表Dom节点 */
+    listNode: '',
+    form: {},
+    /** 全屏 */
+    fullscreenObj: {
+      /** 查看 */
+      view: false,
+    },
+  };
 
 const { search, query, shortcuts, stockupDate, data, loadingObj, selectionList, drawerShow, page } =
   toRefs(details);
@@ -208,15 +210,12 @@ const onLoad = debounce(async (params = {}) => {
   try {
     details.loadingObj.list = true;
     let _page = details.page;
-    // 获取暂存单列表
-    const res = await getPage({ ..._page, ...details.query, ...params });
-    console.log('res :>> ', res);
+    const res = await $_alltasklist({ ..._page, ...details.query, ...params });
+    console.log('初始化参数 ', res);
     const { code, data } = res.data;
     if (code !== 200) return;
     details.data = data.records;
-
     handleTranslationDataSeclect(details.data, details.columnList);
-
     details.page.total = data.total;
   } catch (error) {
   } finally {
@@ -224,7 +223,7 @@ const onLoad = debounce(async (params = {}) => {
   }
 }, 10);
 
-// onLoad();
+onLoad();
 
 /** 搜索 */
 const searchChange = () => {
@@ -241,7 +240,7 @@ const searchReset = () => {
 };
 
 /** 展开列表控件 */
-const showdrawer = (_flag?: boolean) => {
+const showdrawer = _flag => {
   details.drawerShow = _flag;
 };
 
@@ -279,12 +278,12 @@ const selectsc = (index, row) => {
 };
 
 /** 表格表头复选框选择 */
-const selectionChange = (list: any) => {
+const selectionChange = list => {
   details.selectionList = list;
 };
 
 /** 每页数量改变执行的回调 */
-const sizeChange = (size: number) => {
+const sizeChange = size => {
   details.page.size = size;
   onLoad();
 };
@@ -309,7 +308,7 @@ const handleView = ({ row }) => {
  * isBatch 是否批量删除
  * row 单个删除时当前行的数据
  */
-const handleDelete = (isBatch, row: any = {}) => {
+const handleDelete = (isBatch, row = {}) => {
   let ids = '';
 
   if (isBatch) {
diff --git a/src/views/distribution/inventory/delivery/distributionStockArticle.vue b/src/views/distribution/inventory/delivery/distributionStockArticle.vue
index 7b984e62..7676afd1 100644
--- a/src/views/distribution/inventory/delivery/distributionStockArticle.vue
+++ b/src/views/distribution/inventory/delivery/distributionStockArticle.vue
@@ -156,6 +156,7 @@
             <el-text @click="handleView(slotProps.scope)"> 查看 </el-text>
             <el-text @click="handleCallDeliveryOwn(slotProps.scope)"> 修改客户信息 </el-text>
             <el-text @click="handleGoLogs(slotProps.scope)"> 日志 </el-text>
+            <el-text @click="Splittheorder(slotProps.scope.row)"> 拆单 </el-text>
           </template>
         </template>
       </tablecmt>
@@ -401,6 +402,71 @@
       <MyPrint v-model="popUpShow.printVisited" :html="html" type="titlePrint" :title="'配送单'">
       </MyPrint>
     </div>
+
+    <!-- 拆单弹窗 -->
+    <el-dialog v-model="dialogSplitthe" title="新增拆单任务">
+      <el-button type="primary" @click="newadd">新增</el-button>
+      <el-form
+        :model="Splittheform"
+        label-width="auto"
+        class="el_form_box"
+        ref="ruleFormRef"
+        :rules="ruleForm"
+      >
+        <template v-for="(item, index) in Splittheform.PackageList">
+          <div class="el_item_box">
+            <div class="el_content">
+              <el-form-item
+                label="拆单件数"
+                :prop="`PackageList[${index}.taskNumber]`"
+                :rules="ruleForm.taskNumber"
+              >
+                <el-input-number
+                  v-model="item.taskNumber"
+                  :min="1"
+                  :controls="false"
+                  placeholder="请输入拆单件数"
+                />
+              </el-form-item>
+              <el-form-item
+                label="客户名称"
+                :prop="`PackageList[${index}.customerName]`"
+                :rules="ruleForm.customerName"
+              >
+                <el-input v-model="item.customerName" placeholder="请输入客户名称" />
+              </el-form-item>
+              <el-form-item
+                label="客户电话"
+                :prop="`PackageList[${index}.customerTelephone]`"
+                :rules="ruleForm.customerTelephone"
+              >
+                <el-input-number
+                  v-model="item.customerTelephone"
+                  :min="1"
+                  :controls="false"
+                  placeholder="请输入客户电话"
+                />
+              </el-form-item>
+            </div>
+            <el-form-item
+              label="客户地址"
+              class="el_Address"
+              :prop="`PackageList[${index}.customerAddress]`"
+              :rules="ruleForm.customerAddress"
+            >
+              <el-input v-model="item.customerAddress" placeholder="请输入客户地址" />
+            </el-form-item>
+          </div>
+          <el-divider />
+        </template>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="dialogSplitthe = false">取消</el-button>
+          <el-button type="primary" @click="Splitordersubmission"> 确定 </el-button>
+        </div>
+      </template>
+    </el-dialog>
   </basic-container>
   <edittablehead
     @closce="showdrawer"
@@ -421,6 +487,7 @@ import {
   stockArticExport,
   postShowOrderCode,
   getCollectt,
+  $_batchcreatetask,
 } from '@/api/distribution/distributionStockArticle';
 import { getListOwn } from '@/api/distribution/distributionParcelList';
 import { addCallDelivery, $_updateBatchClient } from '@/api/distribution/distrilbutionCallDelivery';
@@ -444,6 +511,36 @@ export default {
     return {
       excelForm: {},
       excelBox: false,
+      dataRwo: {},
+      ruleForm: {
+        taskNumber: [
+          { required: true, message: '请输入请输入拆单件数', trigger: ['blur', 'change'] },
+        ],
+        customerName: [
+          { required: true, message: '请输入请输入客户名称', trigger: ['blur', 'change'] },
+        ],
+        customerTelephone: [
+          { required: true, message: '请输入请输入客户电话', trigger: ['blur', 'change'] },
+        ],
+        customerAddress: [
+          { required: true, message: '请输入请输入客户地址', trigger: ['blur', 'change'] },
+        ],
+      },
+      ruleFormRef: null,
+      dialogSplitthe: false,
+      Splittheform: {
+        PackageList: [
+          {
+            stockArticleId: '', //被拆订单ID
+            orderCode: '', //被拆订单
+            mallName: '', //商场名称
+            taskNumber: '', //任务拆单数量
+            customerName: '', //新的客户姓名
+            customerTelephone: '', //新的客户联系方式
+            customerAddress: '', //新的客户地址
+          },
+        ],
+      },
       excelOption: {
         submitBtn: false,
         emptyBtn: false,
@@ -1028,6 +1125,7 @@ export default {
         //   return item
         // });
       });
+
       getDictionaryBiz('basic_grounding').then(res => {
         this.$functions.checkcColumnList('groundingStatusName', this.columnList).checkarr =
           res.data.data.map(item => {
@@ -1094,6 +1192,69 @@ export default {
 
       setNodeHeight(this.$refs.tableNode.$el, '', true);
     },
+    // 拆单新增
+    newadd() {
+      let data = {
+        stockArticleId: '', //被拆订单ID
+        orderCode: '', //被拆订单
+        mallName: '', //商场名称
+        taskNumber: '', //任务拆单数量
+        customerName: '', //新的客户姓名
+        customerTelephone: '', //新的客户联系方式
+        customerAddress: '', //新的客户地址
+      };
+      this.Splittheform.PackageList.push(data);
+    },
+    // 拆单
+    Splittheorder(row) {
+      console.log(row);
+      this.dataRwo = row;
+      this.dialogSplitthe = true;
+    },
+    // 拆单提交
+    Splitordersubmission() {
+      console.log(this.dataRwo);
+      this.$refs.ruleFormRef.validate(vialid => {
+        if (vialid) {
+          console.log(this.Splittheform.PackageList);
+          let sum = this.Splittheform.PackageList.reduce((accumulator, currentValue) => {
+            if (!currentValue || currentValue.taskNumber == null) {
+              return accumulator;
+            }
+            return accumulator + currentValue.taskNumber;
+          }, 0);
+
+          if (sum > this.dataRwo.handQuantity) {
+            ElMessage({
+              message: '拆单总数不能大于在库件数',
+              type: 'warning',
+            });
+            return;
+          }
+          let data = [];
+          this.Splittheform.PackageList.forEach(item => {
+            data.push({
+              stockArticleId: this.dataRwo.id, //被拆订单ID
+              orderCode: this.dataRwo.orderCode, //被拆订单
+              mallName: this.dataRwo.mallName, //被拆订单
+              mallName: this.dataRwo.mallName, //商场名称
+              taskNumber: item.taskNumber, //商场名称
+              customerName: item.customerName, //新的客户姓名
+              customerTelephone: item.customerTelephone, //新的客户联系方式
+              customerAddress: item.customerAddress, //新的客户地址
+            });
+          });
+
+          // this.dataRwo.handQuantity  拆单不能超过
+          console.log(data, '要提交的数据');
+          $_batchcreatetask(data).then(res => {
+            console.log(res, '拆单成功');
+          });
+        } else {
+          console.log('验证不通过');
+        }
+      });
+    },
     searchChange() {
       this.onLoad(this.page);
     },
@@ -1487,4 +1648,47 @@ export default {
     color: #009688;
   }
 }
+:deep(.el_form_box) {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  height: 450px;
+  overflow-y: scroll;
+  .el_item_box {
+    width: 100%;
+    border: 1px solid #ccc;
+    padding: 9px;
+    margin-top: 10px;
+    border-radius: 7px;
+    box-shadow: 1px 1px #ccc;
+
+    .el-form-item {
+      width: unset;
+    }
+  }
+  .el-form-item__content {
+    margin-left: 0;
+  }
+  .el-input-number {
+    width: 100%;
+  }
+  .el-input {
+    margin-left: 0;
+  }
+  .el_content {
+    display: flex;
+    width: 100%;
+    .el-form-item {
+      flex-direction: column;
+      width: 30%;
+    }
+  }
+  .el_Address {
+    width: 100%;
+    flex-direction: column;
+    .el-input {
+      width: 100%;
+    }
+  }
+}
 </style>