三方中转新增

src/api/distribution/AddVehicleStowage.js

@@ -65,3 +65,14 @@ export const postSaveNew = data => {
     data,
   });
 };
+
+/**
+ * 通过名称查询承运商
+ */
+export const postFindCarrierByName = data => {
+  return request({
+    url: '/api/logpm-trunkline/billlading/findCarrierByName',
+    method: 'post',
+    data,
+  });
+};

src/api/distribution/TripartiteTransfer.js

@@ -0,0 +1,78 @@
+import request from '@/axios';
+
+/**
+ * 获取中转列表
+ */
+export const postTripartiteTransferPageList = (data = {}) => {
+  return request({
+    url: '/api/logpm-trunkline/tripartiteTransfer/tripartiteTransferPageList',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 到车
+ */
+export const postArriveCars = data => {
+  return request({
+    url: '/api/logpm-trunkline/tripartiteTransfer/arriveCars',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 发车
+ */
+export const postStartCars = data => {
+  return request({
+    url: '/api/logpm-trunkline/tripartiteTransfer/startCars',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 取消发车
+ */
+export const postCancelStartCars = data => {
+  return request({
+    url: '/api/logpm-trunkline/tripartiteTransfer/cancelStartCars',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 通过名称查司机
+ */
+export const postFindDriverListByName = data => {
+  return request({
+    url: '/api/logpm-trunkline/billlading/findDriverListByName',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 新增配载计划
+ */
+export const postSaveNewTripartiteTransfer = data => {
+  return request({
+    url: '/api/logpm-trunkline/tripartiteTransfer/saveNewTripartiteTransfer',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 通过名称查询承运商
+ */
+export const postFindCarrierByName = data => {
+  return request({
+    url: '/api/logpm-trunkline/billlading/findCarrierByName',
+    method: 'post',
+    data,
+  });
+};

src/api/distribution/addTripartiteTransfer.js

@@ -0,0 +1,78 @@
+import request from '@/axios';
+
+/**
+ * 初始化获取配载信息
+ */
+export const postloadFindLoadInitData = (data = {}) => {
+  return request({
+    url: '/api/logpm-trunkline/carsLoad/findLoadInitData',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 通过名称查询仓库信息
+ */
+export const postFindWarehouseListByName = data => {
+  return request({
+    url: '/api/logpm-trunkline/carsLoad/findWarehouseListByName',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 查询可用订单
+ */
+export const postFindAllOrderList = data => {
+  return request({
+    url: '/api/logpm-trunkline/carsLoad/findAllOrderList',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 根据名称查询车辆
+ */
+export const postFindCarListByName = data => {
+  return request({
+    url: '/api/logpm-trunkline/billlading/findCarListByName',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 通过名称查司机
+ */
+export const postFindDriverListByName = data => {
+  return request({
+    url: '/api/logpm-trunkline/billlading/findDriverListByName',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 新增配载计划
+ */
+export const postSaveNewTripartiteTransfer = data => {
+  return request({
+    url: '/api/logpm-trunkline/tripartiteTransfer/saveNewTripartiteTransfer',
+    method: 'post',
+    data,
+  });
+};
+
+/**
+ * 通过名称查询承运商
+ */
+export const postFindCarrierByName = data => {
+  return request({
+    url: '/api/logpm-trunkline/billlading/findCarrierByName',
+    method: 'post',
+    data,
+  });
+};

src/option/distribution/TripartiteTransfer.js

@@ -16,7 +16,7 @@ export const columnList = [
     fixed: true,
   },
   {
-    prop: 'billladingCode',
+    prop: 'carsNo',
     label: '中转批次号',
     type: 13,
     values: '',
@@ -27,7 +27,7 @@ export const columnList = [
     head: false,
   },
   {
-    prop: 'carNumber',
+    prop: 'carrierName',
     label: '承运商',
     type: 2,
     values: '',
@@ -37,7 +37,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'driverName',
+    prop: 'carrierTime',
     label: '承运日期',
     type: 1,
     values: '',
@@ -47,7 +47,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'driverPhone',
+    prop: 'payMethod',
     label: '付款方式',
     type: 3,
     values: '',
@@ -57,7 +57,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'warehouseName',
+    prop: 'countTransportCost',
     label: '运费',
     type: 1,
     values: '',
@@ -67,7 +67,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'lineNameTitle',
+    prop: 'replacePrice',
     label: '代收贷款',
     type: 1,
     values: '',
@@ -77,7 +77,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'nodeNub',
+    prop: 'carrierOrderCode',
     label: '承运单号',
     type: 2,
     values: '',
@@ -87,7 +87,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'startTime',
+    prop: 'startWarehouseName',
     label: '发站仓库',
     type: 1,
     values: '',
@@ -97,7 +97,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'endTime',
+    prop: 'loadStatus',
     label: '状态',
     type: 3,
     values: '',
@@ -107,7 +107,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'planVolume',
+    prop: 'isSettlement',
     label: '是否结算',
     type: 3,
     values: '',
@@ -117,7 +117,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'billladingStatus',
+    prop: 'customerType',
     label: '客户类型',
     type: 3,
     values: '',
@@ -127,7 +127,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'chargeType',
+    prop: 'startTime',
     label: '发车时间',
     type: 1,
     values: '',
@@ -137,7 +137,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'totalFee',
+    prop: 'planLoadingNumber',
     label: '计划出库',
     type: 1,
     values: '',
@@ -147,7 +147,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'remark',
+    prop: 'realLoadingNumber',
     label: '实际装车',
     type: 1,
     values: '',
@@ -157,7 +157,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'carrierName',
+    prop: 'deliveryType',
     label: '送货方式',
     type: 3,
     values: '',
@@ -167,7 +167,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'waybillCount',
+    prop: 'operator',
     label: '经办人',
     type: 2,
     values: '',
@@ -177,7 +177,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'totalNum',
+    prop: 'createTime',
     label: '创建时间',
     type: 1,
     values: '',
@@ -187,7 +187,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'totalWeight',
+    prop: 'settlementValue',
     label: '结算金额',
     type: 2,
     values: '',
@@ -197,7 +197,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'totalVolume',
+    prop: 'settlementPerson',
     label: '结算人',
     type: 2,
     values: '',
@@ -207,7 +207,7 @@ export const columnList = [
     sortable: true,
   },
   {
-    prop: 'createUserName',
+    prop: 'signTime',
     label: '签收时间',
     type: 1,
     values: '',

src/router/views/index.js

@@ -213,6 +213,28 @@ export default [
             /* webpackChunkName: "views" */ '@/views/distribution/artery/truckLoadingDetails.vue'
           ),
       },
+      {
+        path: 'addTripartiteTransfer',
+        name: '新增中转',
+        meta: {
+          i18n: 'data',
+        },
+        component: () =>
+          import(
+            /* webpackChunkName: "views" */ '@/views/distribution/artery/addTripartiteTransfer.vue'
+          ),
+      },
+      {
+        path: 'TripartiteTransferDetails',
+        name: '中转详情',
+        meta: {
+          i18n: 'data',
+        },
+        component: () =>
+          import(
+            /* webpackChunkName: "views" */ '@/views/distribution/artery/TripartiteTransferDetails.vue'
+          ),
+      },
     ],
   },
   // {

src/utils/util.js

@@ -593,3 +593,18 @@ export const isNumer = value => {
   if (_value !== _value) return false;
   return true;
 };
+
+/** 防抖函数 */
+export function debounce(func, delay) {
+  let timer;
+  return (function () {
+    const context = this;
+    const args = arguments;
+    clearTimeout(timer);
+    timer = setTimeout(function () {
+      // func.apply(context, args);
+      func();
+      clearTimeout(timer);
+    }, delay);
+  })();
+}

src/views/distribution/artery/AddVehicleStowage.vue

@@ -69,7 +69,7 @@
                   filterable
                   remote
                   reserve-keyword
-                  placeholder="车牌号"
+                  placeholder="输入车牌号"
                   @change="handleCarChange"
                   :remote-method="remoteMethodCar"
                   :loading="details.loadingObj.loading"
@@ -94,7 +94,7 @@
                   remote
                   @change="handleNameChange(1)"
                   reserve-keyword
-                  placeholder="车牌号"
+                  placeholder="输入司机名称"
                   :remote-method="remoteMethodDriver"
                   :loading="details.loadingObj.loading"
                 >
@@ -118,7 +118,7 @@
                   remote
                   reserve-keyword
                   @change="handleNameChange(2)"
-                  placeholder="车牌号"
+                  placeholder="输入司机名称"
                   :remote-method="remoteMethodDriver"
                   :loading="details.loadingObj.loading"
                 >
@@ -647,7 +647,7 @@ const details = reactive<any>({
   carListByName: [],
   /** 司机 */
   driverListByName: [],
-  /** 当前页面类型 -- 1: 新增; 2: 编辑 */
+  /** 当前页面类型 -- 1: 新增; 2: 编辑; 3: 零担补录 */
   pageType: 1,
   /** 编辑模式下当前仓的位置索引 */
   warehouseIndex: computed(() => {
@@ -776,6 +776,7 @@ onLoad();
 
 /** 查询仓库 */
 const remoteMethod = async val => {
+  if (!val) return;
   const res = await postFindWarehouseListByName({ warehouseName: val });
   const { code, data } = res.data;
   if (code !== 200) return;
@@ -1092,6 +1093,8 @@ const handleRemoveWaybill = (index: number) => {
 
 /** 查询司机信息 */
 const remoteMethodDriver = async val => {
+  if (!val) return;
+
   const res = await postFindDriverListByName({ driverName: val });
   console.log('res :>> ', res);
   const { code, data } = res.data;
@@ -1099,8 +1102,10 @@ const remoteMethodDriver = async val => {
   details.driverListByName = data;
 };
 
-/** 查询司机信息 */
+/** 查询车辆信息 */
 const remoteMethodCar = async val => {
+  if (!val) return;
+
   const res = await postFindCarListByName({ carNumber: val });
   console.log('res :>> ', res);
   const { code, data } = res.data;
@@ -1338,4 +1343,23 @@ const handleSubmit = (formEl: FormInstance | undefined) => {
   bottom: 30px;
   left: 50%;
 }
+
+// 错误提示
+:deep(.el-form-item__error) {
+  z-index: 99;
+  --el-color-danger: #f00;
+}
+
+:deep(.el-form-item.is-error .el-input__wrapper) {
+  --el-color-danger: #f00;
+}
+
+:deep(
+    .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
+    .el-form-item.is-required:not(.is-no-asterisk).asterisk-left
+      > .el-form-item__label-wrap
+      > .el-form-item__label:before
+  ) {
+  --el-color-danger: #f00;
+}
 </style>

src/views/distribution/artery/TripartiteTransfer.vue

@@ -85,10 +85,14 @@
             <el-button type="primary" icon="Printer" @click="searchReset()"
               >装载卸车清单(财务)</el-button
             >
-            <el-button type="primary" icon="Van" @click="searchReset()">发 车</el-button>
-            <el-button type="primary" icon="Delete" @click="searchReset()">取消发车</el-button>
-            <el-button type="primary" icon="Delete" @click="searchReset()">取消装车</el-button>
-            <el-button type="primary" icon="CircleCheck" @click="searchReset()">到 达</el-button>
+            <el-button type="primary" icon="Van" @click="handleConfirmStartCar">发 车</el-button>
+            <el-button type="primary" icon="Delete" @click="handleCancelStartCar">
+              取消发车
+            </el-button>
+            <!-- 到达 -->
+            <el-button type="primary" icon="CircleCheck" @click="handleShowConfirm">
+              到 达
+            </el-button>
             <el-button type="primary" icon="Edit" @click="searchReset()">修 改</el-button>
           </div>
           <!-- 头部右侧按钮模块 -->
@@ -101,40 +105,38 @@
       </el-row>
 
       <!-- 表格 -->
-      <el-row>
-        <!-- 列表模块 -->
-        <tablecmt
-          :columnList="details.columnList"
-          :tableData="data"
-          :loading="loadingObj.list"
-          @inputTxt="inputsc"
-          @timeCheck="timesc"
-          @btnCheck="btnsc"
-          @selectCheck="selectsc"
-          @selection="selectionChange"
-        >
-          <template #default="slotProps">
-            <template v-if="slotProps.scope.column.label === '批次号'">
-              <el-text>123</el-text>
-            </template>
-
-            <template v-if="slotProps.scope.column.label === '操作'">
-              <el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)">
-                删除
-              </el-button>
-              <el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)">
-                文员签收
-              </el-button>
-              <el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)">
-                结算
-              </el-button>
-              <el-button type="text" @click="handleShowTruckLoadingDetails(slotProps.scope)"
-                >装车明细</el-button
-              >
-            </template>
+      <!-- 列表模块 -->
+      <tablecmt
+        :columnList="details.columnList"
+        :tableData="data"
+        :loading="loadingObj.list"
+        @inputTxt="inputsc"
+        @timeCheck="timesc"
+        @btnCheck="btnsc"
+        @selectCheck="selectsc"
+        @selection="selectionChange"
+      >
+        <template #default="slotProps">
+          <template v-if="slotProps.scope.column.label === '批次号'">
+            <el-text>123</el-text>
           </template>
-        </tablecmt>
-      </el-row>
+
+          <template v-if="slotProps.scope.column.label === '操作'">
+            <el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)">
+              删除
+            </el-button>
+            <el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)">
+              文员签收
+            </el-button>
+            <el-button type="text" @click="handleShowzeroAdditionalRecording(slotProps.scope)">
+              结算
+            </el-button>
+            <el-button type="text" @click="handleShowTruckLoadingDetails(slotProps.scope)"
+              >装车明细</el-button
+            >
+          </template>
+        </template>
+      </tablecmt>
 
       <!-- 统计 -->
       <el-row>
@@ -152,7 +154,7 @@
             background
             @size-change="sizeChange"
             @current-change="currentChange"
-            :current-page="page.currentPage"
+            :current-page="page.pageNum"
             :page-sizes="[30, 50, 80, 120]"
             :page-size="page.pageSize"
             layout="total, sizes, prev, pager, next, jumper"
@@ -232,7 +234,7 @@
       background
       @size-change="sizeChange"
       @current-change="currentChange"
-      :current-page="trickleLoadingPage.currentPage"
+      :current-page="trickleLoadingPage.pageNum"
       :page-sizes="[30, 50, 80, 120]"
       :page-size="trickleLoadingPage.pageSize"
       layout="total, sizes, prev, pager, next, jumper"
@@ -241,6 +243,44 @@
     </el-pagination>
   </el-dialog>
 
+  <!-- 编辑弹窗 -->
+  <el-dialog
+    title="确认到达信息"
+    v-model="details.popUpShow.confirmArriveVisited"
+    width="50%"
+    :before-close="beforeClose"
+    append-to-body
+    class="confirmArriveVisited"
+  >
+    <el-form :inline="false" label-width="100px" :model="query">
+      <el-form-item label="到达时间">
+        <el-date-picker
+          v-model="details.form.arriveDateStr"
+          type="datetime"
+          placeholder="到达时间"
+          size="default"
+        />
+      </el-form-item>
+
+      <el-form-item label="备注(非必填)">
+        <el-input v-model="details.form.remark" type="textarea" placeholder="备注" size="default" />
+      </el-form-item>
+    </el-form>
+    <div class="flex-c-c">
+      <el-button
+        @click="
+          () => {
+            details.form = {};
+            details.popUpShow.confirmArriveVisited = false;
+          }
+        "
+      >
+        取消
+      </el-button>
+      <el-button type="primary" icon="Promotion" @click="submitConfirmArrive">提交</el-button>
+    </div>
+  </el-dialog>
+
   <!-- 创建 && 编辑 中转 -->
   <el-dialog
     title="新增中转"
@@ -449,7 +489,7 @@
             background
             @size-change="sizeChange"
             @current-change="currentChange"
-            :current-page="zeroAdditionalRecordingInfo.oldPage.currentPage"
+            :current-page="zeroAdditionalRecordingInfo.oldPage.pageNum"
             :page-sizes="[30, 50, 80, 120]"
             :page-size="zeroAdditionalRecordingInfo.oldPage.pageSize"
             layout="total, sizes, prev, pager, next, jumper"
@@ -553,6 +593,13 @@ import {
   oldColumnList,
   newColumnList,
 } from '@/option/distribution/TripartiteTransfer';
+import {
+  postArriveCars,
+  postTripartiteTransferPageList,
+  postStartCars,
+  postCancelStartCars,
+} from '@/api/distribution/TripartiteTransfer.js';
+import { ElMessage, ElMessageBox } from 'element-plus';
 import { useRouter } from 'vue-router';
 
 // 获取路由实例
@@ -606,7 +653,7 @@ const details = reactive<any>({
   /** 调度池 */
   newColumnList,
   /** 列表数据 */
-  data: [{}],
+  data: [],
   newData: [],
   oldData: [],
   /** 页面loading */
@@ -621,13 +668,13 @@ const details = reactive<any>({
   drawerShow: false,
   /** 分页参数 */
   page: {
-    currentPage: 1,
+    pageNum: 1,
     pageSize: 30,
     total: 0,
   },
   /** 装车明细分页参数 */
   trickleLoadingPage: {
-    currentPage: 1,
+    pageNum: 1,
     pageSize: 30,
     total: 0,
   },
@@ -637,6 +684,8 @@ const details = reactive<any>({
     truckLoadingDetailVisited: false,
     /** 零担补录 */
     transferVisited: false,
+    /** 到达确认 */
+    confirmArriveVisited: false,
   },
   /** 列表Dom节点 */
   listNode: '',
@@ -645,7 +694,7 @@ const details = reactive<any>({
   zeroAdditionalRecordingInfo: {
     oldPage: {
       pageSize: 30,
-      currentPage: 1,
+      pageNum: 1,
       total: 0,
     },
   },
@@ -682,7 +731,25 @@ onMounted(() => {
 });
 
 /** 请求页面数据 */
-const onLoad = (page: any) => {};
+const onLoad = async (params = {}) => {
+  try {
+    // 开启loading
+    details.loadingObj.list = true;
+
+    // 请求页面数据
+    const res = await postTripartiteTransferPageList(details.page, { ...details.query, ...params });
+    const { code, data } = res.data;
+    if (code !== 200) return;
+    details.data = data.records;
+    details.page.total = data.total;
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    details.loadingObj.list = false;
+  }
+};
+
+onLoad();
 
 /** 搜索 */
 const searchChange = () => {
@@ -693,7 +760,7 @@ const searchChange = () => {
 const searchReset = () => {
   details.query = {};
   details.stockupDate = [];
-  details.page.currentPage = 1;
+  details.page.pageNum = 1;
   onLoad(details.page);
 };
 
@@ -769,6 +836,7 @@ const selectsc = (index, row) => {
 
 /** 表格表头复选框选择 */
 const selectionChange = (list: any) => {
+  console.log('list :>> ', list);
   details.selectionList = list;
 };
 
@@ -864,6 +932,10 @@ const handleShowzeroAdditionalRecording = ({ row }) => {
 
 /** 新增中转 */
 const addTransfer = async () => {
+  $router.push({
+    path: '/distribution/artery/addTripartiteTransfer',
+    name: '新增中转',
+  });
   return null;
 };
 
@@ -888,13 +960,13 @@ const handleShowTransfer = async (_type: string) => {
     default:
       break;
   }
-  details.popUpShow.transferVisited = true;
+  // details.popUpShow.transferVisited = true;
 
-  nextTick(() => {
-    // 获取弹窗内表格元素节点, 并设置高度
-    const _nodeList = document.querySelectorAll('.transferPopUp .maboxhi');
-    _nodeList.forEach(val => (val.style.height = '300px'));
-  });
+  // nextTick(() => {
+  //   // 获取弹窗内表格元素节点, 并设置高度
+  //   const _nodeList = document.querySelectorAll('.transferPopUp .maboxhi');
+  //   _nodeList.forEach(val => (val.style.height = '300px'));
+  // });
 };
 
 /** 添加运单 */
@@ -909,6 +981,117 @@ const handleRemoveWaybill = () => {
   //   this.addInfo.newData = [...this.addInfo.newData, ...this.addInfo.oldSelectionList];
   //   this.addInfo.haveIds = this.addInfo.map(val => val.id);
 };
+
+/** 开启到达弹窗 */
+const handleShowConfirm = () => {
+  if (details.selectionList.length === 0) {
+    return ElMessage({
+      message: '请选择到达数据',
+      type: 'warning',
+    });
+  } else if (details.selectionList.length !== 1) {
+    return ElMessage({
+      message: '仅支持单条数据操作',
+      type: 'warning',
+    });
+  }
+  details.popUpShow.confirmArriveVisited = true;
+};
+
+/** 提交到达 */
+const submitConfirmArrive = async () => {
+  console.log('details.selectionList :>> ', details.selectionList);
+  console.log(
+    'details.selectionList.map(val => val.id) :>> ',
+    details.selectionList.map(val => val.id)
+  );
+  const submitData = {
+    loadId: details.selectionList.map(val => val.id).join(','),
+    ...details.form,
+  };
+
+  const res = await postArriveCars(submitData);
+  const { code } = res.data;
+  if (code !== 200) {
+    return;
+  }
+  ElMessage({
+    type: 'success',
+    message: '到达成功',
+  });
+
+  onLoad();
+};
+
+/** 发车 */
+const handleConfirmStartCar = () => {
+  if (details.selectionList.length === 0) {
+    return ElMessage({
+      message: '请选择发车数据',
+      type: 'warning',
+    });
+  } else if (details.selectionList.length !== 1) {
+    return ElMessage({
+      message: '仅支持单条数据操作',
+      type: 'warning',
+    });
+  }
+  ElMessageBox.confirm('确认发车吗?', 'Warning', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    const submitData = {
+      loadId: details.selectionList.map(val => val.id).join(','),
+    };
+
+    const res = await postStartCars(submitData);
+    const { code } = res.data;
+    if (code !== 200) {
+      return;
+    }
+    ElMessage({
+      type: 'success',
+      message: '发车成功',
+    });
+    onLoad();
+  });
+};
+
+/** 取消发车 */
+const handleCancelStartCar = () => {
+  if (details.selectionList.length === 0) {
+    return ElMessage({
+      message: '请选择发车数据',
+      type: 'warning',
+    });
+  } else if (details.selectionList.length !== 1) {
+    return ElMessage({
+      message: '仅支持单条数据操作',
+      type: 'warning',
+    });
+  }
+  ElMessageBox.confirm('确认取消发车吗?', 'Warning', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    const submitData = {
+      loadId: details.selectionList.map(val => val.id).join(','),
+    };
+
+    const res = await postCancelStartCars(submitData);
+    const { code } = res.data;
+    if (code !== 200) {
+      return;
+    }
+    ElMessage({
+      type: 'success',
+      message: '取消发车成功',
+    });
+    onLoad();
+  });
+};
 </script>
 
 <style scoped lang="scss">

src/views/distribution/artery/VehicleStowage.vue

@@ -419,7 +419,7 @@ import dayjs from 'dayjs';
 import { mapGetters } from 'vuex';
 /** 获取字典 */
 import { getDictionaryBiz } from '@/api/system/dict';
-import { downloadXls, setNodeHeight } from '@/utils/util';
+import { downloadXls, setNodeHeight, debounce } from '@/utils/util';
 import {
   columnList,
   detailsColumnList,
@@ -853,6 +853,11 @@ const handleStartCar = () => {
       message: '请选择发车数据',
       type: 'warning',
     });
+  } else if (details.selectionList.length !== 1) {
+    return ElMessage({
+      message: '仅支持单条数据操作',
+      type: 'warning',
+    });
   }
   ElMessageBox.confirm('确认发车吗?', 'Warning', {
     confirmButtonText: '确认',
@@ -878,13 +883,18 @@ const handleStartCar = () => {
   });
 };
 
-/** 发车 */
+/** 取消发车 */
 const handleCancelStartCar = () => {
   if (details.selectionList.length === 0) {
     return ElMessage({
       message: '请选择发车数据',
       type: 'warning',
     });
+  } else if (details.selectionList.length !== 1) {
+    return ElMessage({
+      message: '仅支持单条数据操作',
+      type: 'warning',
+    });
   }
   ElMessageBox.confirm('确认取消发车吗?', 'Warning', {
     confirmButtonText: '确认',
@@ -916,6 +926,11 @@ const handleCancelCarsLoad = () => {
       message: '请选择发车数据',
       type: 'warning',
     });
+  } else if (details.selectionList.length !== 1) {
+    return ElMessage({
+      message: '仅支持单条数据操作',
+      type: 'warning',
+    });
   }
   ElMessageBox.confirm('确认取消发车吗?', 'Warning', {
     confirmButtonText: '确认',