From 933046f7fd7fa9104bc33862951d570d88d7e2df Mon Sep 17 00:00:00 2001
From: sen <sen@qq.com>
Date: 星期二, 10 三月 2026 16:32:43 +0800
Subject: [PATCH] 按钮添加

---
 ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue | 4026 +++++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 3,113 insertions(+), 913 deletions(-)

diff --git a/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue b/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue
index f1a5cdd..9f0dccb 100644
--- a/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue
+++ b/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue
@@ -1,123 +1,215 @@
 <template>
   <basicContainer>
-    <avue-crud
-        :option="option"
-        :table-loading="pageF.loading"
-        :data="tableData"
-        :page="page"
-        :permission="permissionList"
-        :before-open="beforeOpen"
-        v-model="form" v-model:search="queryParams"
-        ref="crudRef"
-        @row-update="rowUpdate"
-        @row-save="rowSave"
-        @refresh-change="refreshChange"
-        @row-del="rowDel"
-        @search-change="searchChange"
-        @search-reset="searchReset"
-        @selection-change="selectionChange"
-        @current-change="currentChange"
-        @size-change="sizeChange"
-        @on-load="onLoad"
-    >
+    <avue-crud :option="option" :table-loading="pageF.loading" :data="tableData" :page="page"
+      :permission="permissionList" :before-open="beforeOpen" v-model="form" v-model:search="queryParams" ref="crudRef"
+      @row-update="rowUpdate" @row-save="rowSave" @refresh-change="refreshChange" @row-del="rowDel"
+      @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
+      @current-change="currentChange" @size-change="sizeChange" @on-load="onLoad">
       <template #menu-left>
-<!--        <el-button-->
-<!--            type="success"-->
-<!--            icon="Edit"-->
-<!--            :disabled="pageF.single"-->
-<!--            v-hasPermi="['tms:tmsDispatchOrder:edit']"-->
-<!--            @click="handleUpdate">淇敼-->
-<!--        </el-button>-->
-<!--        <el-button-->
-<!--            type="danger"-->
-<!--            icon="Delete"-->
-<!--            :disabled="pageF.multiple"-->
-<!--            @click="handleDelete"-->
-<!--            v-hasPermi="['tms:tmsDispatchOrder:remove']"-->
-<!--        >鍒犻櫎-->
-<!--        </el-button>-->
-        <el-button
-            type="warning"
-            plain
-            icon="Download"
-            @click="handleExport"
-            v-hasPermi="['tms:tmsDispatchOrder:export']"
-        >瀵煎嚭
+        <!--        <el-button-->
+        <!--            type="success"-->
+        <!--            icon="Edit"-->
+        <!--            :disabled="pageF.single"-->
+        <!--            v-hasPermi="['tms:tmsDispatchOrder:edit']"-->
+        <!--            @click="handleUpdate">淇敼-->
+        <!--        </el-button>-->
+        <!--        <el-button-->
+        <!--            type="danger"-->
+        <!--            icon="Delete"-->
+        <!--            :disabled="pageF.multiple"-->
+        <!--            @click="handleDelete"-->
+        <!--            v-hasPermi="['tms:tmsDispatchOrder:remove']"-->
+        <!--        >鍒犻櫎-->
+        <!--        </el-button>-->
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['tms:tmsDispatchOrder:export']">瀵煎嚭
         </el-button>
-        <el-button
-            type="success"
-            icon="Promotion"
-            :disabled="pageF.multiple"
-            @click="handleGenerate"
-            v-hasPermi="['tms:tmsDispatchOrder:generate']"
-        >鐢熸垚搴旀敹搴斾粯璐圭敤
+        <el-button type="info" icon="Upload" @click="handleImport"
+          v-hasPermi="['tms:tmsDispatchOrder:import']">瀵煎叆</el-button>
+        <el-button type="info" plain icon="Document" @click="handleImportLog">瀵煎叆鏃ュ織</el-button>
+        <!--        <el-button-->
+        <!--            type="success"-->
+        <!--            icon="Promotion"-->
+        <!--            :disabled="pageF.multiple"-->
+        <!--            @click="handleGenerate"-->
+        <!--            v-hasPermi="['tms:tmsDispatchOrder:generate']"-->
+        <!--        >鐢熸垚搴旀敹搴斾粯璐圭敤-->
+        <!--        </el-button>-->
+        <el-button type="warning" icon="Female" :disabled="pageF.single" @click="handleDropHook"
+          v-hasPermi="['tms:tmsDispatchOrder:dropHook']">鐢╂寕
         </el-button>
-        <el-button
-            type="warning"
-            icon="Female"
-            :disabled="pageF.single"
-            @click="handleDropHook"
-            v-hasPermi="['tms:tmsDispatchOrder:dropHook']"
-        >鐢╂寕
-        </el-button>
-        <el-button
-            type="primary"
-            icon="Male"
-            :disabled="pageF.single"
-            @click="handleConnectHang"
-            v-hasPermi="['tms:tmsDispatchOrder:connectHang']"
-        >鎺ユ寕
+        <el-button type="primary" icon="Male" :disabled="pageF.single" @click="handleConnectHang"
+          v-hasPermi="['tms:tmsDispatchOrder:connectHang']">鎺ユ寕
         </el-button>
 
+        <el-button type="warning" icon="Avatar" :disabled="!(isCustoms == 0)" @click="handleCustoms"
+          v-hasPermi="['tms:tmsDispatchOrder:customs']">濮旀墭鎶ュ叧淇℃伅
+        </el-button>
+        <el-button type="primary" icon="UserFilled" :disabled="!(isLoad == 0)" @click="handleLoading"
+          v-hasPermi="['tms:tmsDispatchOrder:loading']">濮旀墭鍗歌揣淇℃伅
+        </el-button>
+        <el-button type="primary" icon="UserFilled" :disabled="pageF.single" @click="handleZZ"
+          v-hasPermi="['tms:tmsDispatchOrder:zzdj']">澧炲�间綔涓氱櫥璁�
+        </el-button>
+        <el-button type="primary" icon="Printer" :disabled="pageF.single" @click="handlePrint"
+          v-hasPermi="['tms:tmsDispatchOrder:print']">鎵胯繍鍗曟墦鍗�
+        </el-button>
+        <el-button type="primary" icon="UserFilled" :disabled="!zxhdjSingle" @click="handleZXHDJ"
+          v-hasPermi="['tms:tmsDispatchOrder:zzdj']">瑁呭嵏璐х偣鐧昏
+        </el-button>
       </template>
-      <template #menu-before="{row}">
-        <el-link size="small" type="primary"  @click="handleAddGoods(row)" class="link-btn"
-                 :underline="false" icon="el-icon-document-add">杩愯緭璐у搧鐧昏
-        </el-link>
-        <el-link size="small" type="primary"  @click="handleActual(row)" class="link-btn"
-                 :underline="false" icon="el-icon-set-up">瀹為檯杩愯緭璁板綍
-        </el-link>
-        <el-link size="small" type="primary" v-if="row.status == 0" @click="handleConfirm(row)" class="link-btn"
-                 :underline="false" icon="el-icon-pointer">纭畾
-        </el-link>
-        <el-link size="small" type="primary" @click="handleCopy(row)" class="link-btn" :underline="false"
-                 icon="el-icon-connection">澶嶅埗
-        </el-link>
-        <el-link size="small" type="primary" v-if="[1,2].includes(row.status)" @click="handleUploadItinerary(row)"
-                 class="link-btn" :underline="false" icon="el-icon-upload">涓婁紶琛岀▼
-        </el-link>
-        <el-link size="small" type="primary" v-if="![0,1].includes(row.status)" @click="handleLogItinerary(row)"
-                 class="link-btn" :underline="false" icon="el-icon-view">鏌ョ湅琛岀▼
-        </el-link>
-        <el-link size="small" type="primary" v-if="[2].includes(row.status)" @click="handleOk(row)" class="link-btn"
-                 :underline="false" icon="el-icon-circle-check">瀹屾垚琛岀▼
-        </el-link>
-        <el-link size="small" type="primary" v-if="[2,3].includes(row.status)" @click="handleAddFinance(row)" class="link-btn"
-                 :underline="false" icon="el-icon-edit-pen">璐圭敤鐧昏
-        </el-link>
+
+      <template #loadingServiceProviderName="{ row }">
+        <template v-if="String(row.isCustoms).trim() === '0' && !row.loadingServiceProviderName">
+          <el-link type="primary" underline="never" @click="handleCustomsAdd(row)"
+            style="font-weight: bold; cursor: pointer; color: #409eff;">
+            寰呮坊鍔�
+          </el-link>
+        </template>
+
+        <template v-else>
+          <span>{{ row.loadingServiceProviderName }}</span>
+        </template>
       </template>
-      <template #menu="{row}">
-        <el-link size="small" type="primary" @click="handleLog(row)" class="link-btn" :underline="false"
-                 icon="el-icon-tickets">鏃ュ織
-        </el-link>
+
+      <!-- 鍗歌揣鏈嶅姟 -->
+      <template #customsServiceProviderName="{ row }">
+        <template v-if="String(row.isLoad).trim() === '0' && !row.customsServiceProviderName">
+          <el-link type="primary" underline="never" @click="handleLoadingAdd(row)"
+            style="font-weight: bold; cursor: pointer; color: #409eff;">
+            寰呮坊鍔�
+          </el-link>
+        </template>
+
+        <template v-else>
+          <span>{{ row.customsServiceProviderName }}</span>
+        </template>
       </template>
+
+
+
+      <template #menu="{ row, index, size }">
+        <el-tooltip content="鏌ョ湅" placement="top" :enterable="false">
+          <el-link type="primary" icon="el-icon-view" :underline="false" class="link-btn"
+            @click="$refs.crudRef.rowView(row, index)">
+          </el-link>
+        </el-tooltip>
+
+        <el-tooltip content="缂栬緫" placement="top" :enterable="false">
+          <el-link type="primary" icon="el-icon-edit" :underline="false" class="link-btn"
+            @click="$refs.crudRef.rowEdit(row, index)">
+          </el-link>
+        </el-tooltip>
+
+      </template>
+      <template #menu-before="{ row }">
+        <el-tooltip content="杩愯緭璐у搧鐧昏" placement="top">
+          <el-link size="small" type="primary" @click="handleAddGoods(row)" class="link-btn"
+            v-hasPermi="['tms:tmsGoodsDetail:add']" v-if="[0, 1, 2].includes(row.status)" :underline="false"
+            icon="el-icon-document-add">
+          </el-link>
+        </el-tooltip>
+
+        <el-tooltip content="瀹為檯杩愯緭璁板綍" placement="top">
+          <el-link size="small" type="primary" @click="handleActual(row)" class="link-btn"
+            v-hasPermi="['tms:tmsDispatchOrder:update']" v-if="[0, 1, 2].includes(row.status)" :underline="false"
+            icon="el-icon-set-up">
+          </el-link>
+        </el-tooltip>
+
+        <el-tooltip content="纭畾" placement="top">
+          <el-link size="small" type="primary" @click="handleConfirm(row)" class="link-btn"
+            v-hasPermi="['tms:tmsDispatchOrder:confirmOrder']" v-if="row.status == 0" :underline="false"
+            icon="el-icon-set-up">
+          </el-link>
+        </el-tooltip>
+
+        <el-tooltip content="浣滃簾" placement="top">
+          <el-link size="small" type="primary" @click="handleClose(row)" class="link-btn"
+            v-hasPermi="['tms:tmsDispatchOrder:closeOrder']" v-if="[0, 1, 2].includes(row.status)" :underline="false"
+            icon="el-icon-close">
+          </el-link>
+        </el-tooltip>
+
+        <el-tooltip content="澶嶅埗" placement="top">
+          <el-link size="small" type="primary" @click="handleCopy(row)" class="link-btn" :underline="false"
+            v-hasPermi="['tms:tmsDispatchOrder:copyOrder']" icon="el-icon-connection">
+          </el-link>
+        </el-tooltip>
+
+
+        <el-tooltip content="涓婁紶琛岀▼" placement="top">
+          <el-link size="small" type="primary" v-if="[1, 2].includes(row.status)" @click="handleUploadItinerary(row)"
+            v-hasPermi="['tms:tmsTrip:add']" class="link-btn" :underline="false" icon="el-icon-upload">
+          </el-link>
+        </el-tooltip>
+
+        <el-tooltip content="鏌ョ湅琛岀▼" placement="top">
+          <el-link size="small" type="primary" v-if="![0, 1].includes(row.status)" @click="handleLogItinerary(row)"
+            v-hasPermi="['tms:tmsTrip:list']" class="link-btn" :underline="false" icon="el-icon-view">
+          </el-link>
+        </el-tooltip>
+
+        <el-tooltip content="瀹屾垚琛岀▼" placement="top">
+          <el-link size="small" type="primary" v-if="[2].includes(row.status)" @click="handleOk(row)" class="link-btn"
+            v-hasPermi="['tms:tmsDispatchOrder:okOrder']" :underline="false" icon="el-icon-circle-check">
+          </el-link>
+        </el-tooltip>
+
+        <!-- <el-tooltip content="鏃ュ織" placement="top">
+          <el-link size="small" type="primary" @click="handleLog(row)" class="link-btn" :underline="false"
+            icon="el-icon-tickets">
+          </el-link>
+        </el-tooltip> -->
+      </template>
+
+      <!-- <template #menu="{row}">
+
+</template> -->
+
+      <template #shipperId-form="{ disabled }">
+        <div style="display:flex; align-items: center;justify-content: space-between">
+          <avue-input-table :props="consignorProps" dataType="string" :children="consignorOption" :disabled="disabled"
+            :on-load="onShipperLoad" suffixIcon="search" v-model="form.shipperId" style="width: 80%"
+            @change="changeShipper" placeholder="璇烽�夋嫨瑁呰揣鐐�"></avue-input-table>
+          <el-button icon="plus" :disabled="disabled" @click="handleAddShipper"></el-button>
+        </div>
+      </template>
+      <template #receiverId-form="{ disabled }">
+        <div style="display:flex; align-items: center;justify-content: space-between">
+          <avue-input-table :props="consignorProps" :children="consignorOption" dataType="string"
+            :on-load="onConsignorLoad" suffixIcon="search" v-model="form.receiverId" :disabled="disabled"
+            @change="changeReceiver" style="width: 80%" placeholder="璇烽�夋嫨鍗歌揣鐐�"></avue-input-table>
+          <el-button icon="plus" :disabled="disabled" @click="handleAddReceiver"></el-button>
+        </div>
+      </template>
+
     </avue-crud>
     <el-dialog :title="pageF.title" v-model="pageF.open" class="avue-dialog avue-dialog--top" width="80%">
-      <avue-form v-if="optionType == 'addItinerary' || optionType == 'addFinance'" v-model="boxForm" ref="boxFormRef" :option="boxFormOption">
+      <h2 v-if="optionType == 'addFinance'">鎶ヤ环璐圭敤</h2>
+      <avue-crud v-if="optionType == 'addFinance'" :option="itemsTableOption" :data="itemsTableData"
+        @selection-change="selectionChange2">
+        <template #count="{ row }">
+          <el-input-number v-model="row.count" @change="countChange(row)" placeholder="璇疯緭鍏ヨ璐规暟閲�"
+            min="0"></el-input-number>
+        </template>
+      </avue-crud>
+      <h2 v-if="optionType == 'addFinance'">瀹炴姤瀹為攢璐圭敤1</h2>
+      <avue-form v-if="optionType == 'addItinerary' || optionType == 'addFinance'" v-model="boxForm" ref="boxFormRef"
+        :option="boxFormOption">
 
       </avue-form>
-      <avue-crud
-          :option="boxTableOption"
-          :data="boxTableData"
-      >
+      <avue-crud :option="boxTableOption" :data="boxTableData">
       </avue-crud>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary" v-if="optionType == 'addItinerary' || optionType == 'addFinance'" :loading="pageF.isUploading" @click="submitForm">
+          <el-button type="primary" v-if="optionType == 'addItinerary' || optionType == 'addFinance'"
+            :loading="pageF.isUploading" @click="submitForm">
             {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}
           </el-button>
 
-          <el-button type="primary" v-if="optionType == 'generate' " :loading="pageF.isUploading" @click="submitGenerate">
+          <el-button type="primary" v-if="optionType == 'generate'" :loading="pageF.isUploading"
+            @click="submitGenerate">
             {{ pageF.isUploading ? '鐢熸垚涓�' : '鐢熸垚璐圭敤' }}
           </el-button>
           <el-button @click="cancelBox">鍙� 娑�</el-button>
@@ -127,28 +219,46 @@
 
     <el-dialog :title="title" v-model="open" class="avue-dialog avue-dialog--top" width="40%">
       <div v-if="optionType === 'dropHook'">
-        <el-descriptions
-            :column="2"
-            border
-        >
+        <el-descriptions :column="2" border>
           <el-descriptions-item label="璋冨害鍗曞彿">{{ form.dispatchNo }}</el-descriptions-item>
-          <el-descriptions-item label="瀹㈡埛" >{{ form.customerName }}</el-descriptions-item>
-          <el-descriptions-item label="瀹為檯杩愯緭宸ュ叿绫诲瀷" >{{ form.$actualVehicleType}}</el-descriptions-item>
-          <el-descriptions-item label="杩愯緭宸ュ叿鍙风爜" >{{ form.licensePlate }}</el-descriptions-item>
-          <el-descriptions-item label="鎵樻灦鍙�" >{{ form.shelfCode }}</el-descriptions-item>
-          <el-descriptions-item label="涓婚┚椹跺憳" >{{ form.mainDriverName }}</el-descriptions-item>
-          <el-descriptions-item label="鍓┚椹跺憳" >{{ form.assistantDriverName }}</el-descriptions-item>
+          <el-descriptions-item label="瀹㈡埛">{{ form.customerName }}</el-descriptions-item>
+          <el-descriptions-item label="娲惧嚭杞﹀瀷">{{ form.$actualVehicleType }}</el-descriptions-item>
+          <el-descriptions-item label="杩愯緭宸ュ叿鍙风爜">{{ form.licensePlate }}</el-descriptions-item>
+          <el-descriptions-item label="鎵樻灦鍙�">{{ form.shelfCode }}</el-descriptions-item>
+          <el-descriptions-item label="涓婚┚椹跺憳">{{ form.mainDriverName }}</el-descriptions-item>
+          <el-descriptions-item label="鍓┚椹跺憳">{{ form.assistantDriverName }}</el-descriptions-item>
         </el-descriptions>
       </div>
-      <div  v-if="optionType == 'connectHang'">
-        <el-descriptions style="margin-bottom: 20px"
-            :column="2"
-            border
-        >
+      <div v-if="optionType == 'connectHang'">
+        <el-descriptions style="margin-bottom: 20px" :column="2" border>
           <el-descriptions-item label="璋冨害鍗曞彿">{{ form.dispatchNo }}</el-descriptions-item>
-          <el-descriptions-item label="瀹㈡埛" >{{ form.customerName }}</el-descriptions-item>
-          <el-descriptions-item label="瀹為檯杩愯緭宸ュ叿绫诲瀷" >{{ form.$actualVehicleType}}</el-descriptions-item>
-          <el-descriptions-item label="鎵樻灦鍙�" >{{ form.shelfCode }}</el-descriptions-item>
+          <el-descriptions-item label="瀹㈡埛">{{ form.customerName }}</el-descriptions-item>
+          <el-descriptions-item label="娲惧嚭杞﹀瀷">{{ form.$actualVehicleType }}</el-descriptions-item>
+          <el-descriptions-item label="鎵樻灦鍙�">{{ form.shelfCode }}</el-descriptions-item>
+        </el-descriptions>
+        <avue-form v-model="form" ref="boxFormRef" :option="boxFormOption">
+
+        </avue-form>
+      </div>
+
+      <div v-if="optionType == 'customs'">
+        <el-descriptions style="margin-bottom: 20px" :column="2" border>
+          <el-descriptions-item label="璋冨害鍗曞彿">{{ form.dispatchNo }}</el-descriptions-item>
+          <el-descriptions-item label="瀹㈡埛">{{ form.customerName }}</el-descriptions-item>
+          <el-descriptions-item label="椤圭洰鍚嶇О">{{ form.projectName }}</el-descriptions-item>
+          <el-descriptions-item label="杩愯緭璺嚎">{{ form.transportLine }}</el-descriptions-item>
+        </el-descriptions>
+        <avue-form v-model="form" ref="boxFormRef" :option="boxFormOption">
+
+        </avue-form>
+      </div>
+
+      <div v-if="optionType == 'loading'">
+        <el-descriptions style="margin-bottom: 20px" :column="2" border>
+          <el-descriptions-item label="璋冨害鍗曞彿">{{ form.dispatchNo }}</el-descriptions-item>
+          <el-descriptions-item label="瀹㈡埛">{{ form.customerName }}</el-descriptions-item>
+          <el-descriptions-item label="椤圭洰鍚嶇О">{{ form.projectName }}</el-descriptions-item>
+          <el-descriptions-item label="杩愯緭璺嚎">{{ form.transportLine }}</el-descriptions-item>
         </el-descriptions>
         <avue-form v-model="form" ref="boxFormRef" :option="boxFormOption">
 
@@ -156,7 +266,7 @@
       </div>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary"  :loading="pageF.isUploading" @click="submitForm2">
+          <el-button type="primary" v-if="optionType != 'view'" :loading="pageF.isUploading" @click="submitForm2">
             {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}
           </el-button>
           <el-button @click="cancelBox2">鍙� 娑�</el-button>
@@ -166,43 +276,288 @@
 
 
     <el-dialog title="璐у搧淇℃伅鐧昏" v-model="open2" class="avue-dialog avue-dialog--top" width="80%">
-      <avue-crud
-          :option="goodsTableOption"
-          v-model="goodsForm"
-          @row-update="rowGoodsUpdate"
-          @row-save="rowGoodsSave"
-          @row-del="rowGoodsDel"
-          :data="goodsTableData" ref="goodsCrudRef"
-      >
+      <avue-crud :option="goodsTableOption" v-model="goodsForm" @row-update="rowGoodsUpdate" @row-save="rowGoodsSave"
+        @row-del="rowGoodsDel" :data="goodsTableData" ref="goodsCrudRef">
       </avue-crud>
-<!--      <template #footer>-->
-<!--        <div class="dialog-footer">-->
-<!--          <el-button type="primary"  :loading="pageF.isUploading" @click="submitForm2">-->
-<!--            {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}-->
-<!--          </el-button>-->
-<!--          <el-button @click="open2 = false">鍙� 娑�</el-button>-->
-<!--        </div>-->
-<!--      </template>-->
+      <!--      <template #footer>-->
+      <!--        <div class="dialog-footer">-->
+      <!--          <el-button type="primary"  :loading="pageF.isUploading" @click="submitForm2">-->
+      <!--            {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}-->
+      <!--          </el-button>-->
+      <!--          <el-button @click="open2 = false">鍙� 娑�</el-button>-->
+      <!--        </div>-->
+      <!--      </template>-->
     </el-dialog>
 
     <el-dialog title="瀹為檯杩愯緭淇℃伅" v-model="open3" class="avue-dialog avue-dialog--top" width="80%">
-      <avue-form  v-model="actualForm" 
-                  ref="actualFormRef"
-                  :option="actualFormOption">
+      <avue-form v-model="actualForm" ref="actualFormRef" :option="actualFormOption">
 
       </avue-form>
-            <template #footer>
-              <div class="dialog-footer">
-                <el-button type="primary"  :loading="pageF.isUploading" @click="submitForm3">
-                  {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}
-                </el-button>
-                <el-button @click="open3 = false">鍙� 娑�</el-button>
-              </div>
-            </template>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" :loading="pageF.isUploading" @click="submitForm3">
+            {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}
+          </el-button>
+          <el-button @click="open3 = false">鍙� 娑�</el-button>
+        </div>
+      </template>
     </el-dialog>
 
 
 
+    <el-dialog title="澧炲�间綔涓氱櫥璁�" v-model="open4" class="avue-dialog avue-dialog--top" width="80%">
+      <el-descriptions :column="3" border>
+        <el-descriptions-item label="璋冨害鍗曞彿">{{ form.dispatchNo }}</el-descriptions-item>
+        <el-descriptions-item label="瀹㈡埛鍚嶇О">{{ form.customerName }}</el-descriptions-item>
+        <el-descriptions-item label="椤圭洰鍚嶇О">{{ form.projectName }}</el-descriptions-item>
+        <el-descriptions-item label="杩愯緭璺嚎">{{ form.transportLine }}</el-descriptions-item>
+        <el-descriptions-item label="杞﹀瀷">{{ form.$actualVehicleType }}</el-descriptions-item>
+        <el-descriptions-item label="杞︾墝">{{ form.licensePlate }}</el-descriptions-item>
+      </el-descriptions>
+      <avue-tabs :option="tabsOption" ref="tabsOptionRef" @change="handleChange"></avue-tabs>
+
+      <avue-crud v-if="active !== 'tab4'" :option="zzItemsTableOption" ref="itemsTableRef" :data="zzItemsTableData">
+        <template #count="{ row }">
+          <el-input-number v-model="row.count" placeholder="璁¤垂鏁伴噺" :min="0"></el-input-number>
+        </template>
+        <template #remark="{ row }">
+          <el-input v-model="row.remark" placeholder="澶囨敞"></el-input>
+        </template>
+
+
+      </avue-crud>
+
+      <div v-if="active === 'tab4'">
+        <h2>瀹炴姤瀹為攢璐圭敤</h2>
+        <!-- <avue-form v-model="boxForm" ref="boxFormRef" :option="boxFormOption">
+
+        </avue-form> -->
+        <avue-crud :option="expenditureTableOption" :data="tmsFinanceDetails">
+          <template #actualFeeAmount="{ row }">
+            <el-input-number v-model="row.actualFeeAmount" :precision="2" :min="0" controls-position="right"
+              placeholder="杈撳叆閲戦" style="width: 100%" />
+          </template>
+
+          <template #currency="{ row }">
+            <el-radio-group v-model="row.currency">
+              <el-radio v-for="item in sys_currency" :key="item.value" :label="item.value">
+                {{ item.label }}
+              </el-radio>
+            </el-radio-group>
+          </template>
+          <template #voucherUrl="{ row }">
+            <avue-upload v-model="row.voucherUrl" :action="'/common/upload2'" type="upload" accept="image/*"
+              @upload-after="(res, done, loading, column) => handleUploadAfter(res, done, loading, column, row)"></avue-upload>
+          </template>
+          <template #remark="{ row }">
+            <el-input v-model="row.remark" placeholder="濉啓澶囨敞" clearable />
+          </template>
+        </avue-crud>
+        <avue-crud :option="boxTableOption" :data="boxTableData">
+
+        </avue-crud>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" :loading="pageF.isUploading" @click="submitTabForm">
+            {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}
+          </el-button>
+
+          <el-button @click="open4 = false">鍙� 娑�</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog title="璋冨害鍗曚綔搴�" v-model="open5" class="avue-dialog avue-dialog--top" width="80%">
+      <el-descriptions :column="3" border>
+        <el-descriptions-item label="璋冨害鍗曞彿">{{ form.dispatchNo }}</el-descriptions-item>
+        <el-descriptions-item label="瀹㈡埛鍚嶇О">{{ form.customerName }}</el-descriptions-item>
+        <el-descriptions-item label="椤圭洰鍚嶇О">{{ form.projectName }}</el-descriptions-item>
+        <el-descriptions-item label="杩愯緭璺嚎">{{ form.transportLine }}</el-descriptions-item>
+        <el-descriptions-item label="杞﹀瀷">{{ form.$actualVehicleType }}</el-descriptions-item>
+        <el-descriptions-item label="杞︾墝">{{ form.licensePlate }}</el-descriptions-item>
+      </el-descriptions>
+
+      <avue-form v-model="boxForm" ref="boxFormRef" :option="boxFormOption">
+
+      </avue-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" :loading="pageF.isUploading" @click="submitForm5">
+            {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}
+          </el-button>
+
+          <el-button @click="open5 = false">鍙� 娑�</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog title="鎵胯繍鍗曟墦鍗�" v-model="open6" class="avue-dialog avue-dialog--top cydprint" width="80%">
+      <div v-if="print == 0">
+        <el-descriptions :column="3" border>
+          <el-descriptions-item label="璁㈠崟鍙�">{{ form.dispatchNo }}</el-descriptions-item>
+          <el-descriptions-item label="鎵胯繍鏃ユ湡">{{ form.orderTime }}</el-descriptions-item>
+          <el-descriptions-item label="杞︾墝">{{ form.licensePlate }}</el-descriptions-item>
+          <el-descriptions-item label="璁㈣溅绫诲瀷">{{ form.$actualVehicleType }}</el-descriptions-item>
+
+          <el-descriptions-item label="鍙告満濮撳悕">{{ form.mainDriverName }}</el-descriptions-item>
+          <el-descriptions-item label="鐢佃瘽">{{ form.mainDriverMobile }}</el-descriptions-item>
+          <el-descriptions-item label="鎵樻灦鍙�/鏌滃彿">{{ form.shelfCode }}/ {{ form.containerNo }}</el-descriptions-item>
+          <el-descriptions-item label="瀹㈡埛鍚嶇О">{{ form.customerName }}</el-descriptions-item>
+          <el-descriptions-item label="璧锋璺嚎">{{ form.transportLine }}</el-descriptions-item>
+          <el-descriptions-item label="璋冨害鍛�">{{ form.createBy }}</el-descriptions-item>
+          <el-descriptions-item label="鏄惁鎵撳嵃">{{ form.$isPrint }}</el-descriptions-item>
+          <el-descriptions-item label="鍘嗗彶鎵撳嵃娆℃暟">{{ form.printCount }}</el-descriptions-item>
+        </el-descriptions>
+        <h3 class="title" style="color: #333;font-weight: bold;">鍗曟嵁淇℃伅</h3>
+        <avue-form v-model="boxForm" ref="boxFormRef" :option="boxFormOption">
+
+        </avue-form>
+      </div>
+      <div v-else>
+        <div id="print">
+          <img src="@/assets/img.png" alt="" style="width: 168px;height: 68px">
+          <h3 class="title">鐝犳捣甯傛眹鐣呬氦閫氭姇璧勬湁闄愬叕鍙�</h3>
+          <div class="header">
+            <div class="order">璁㈠崟鍙凤細{{ boxForm.dispatchNo }}</div>
+            <div class="sub-title">璐х墿鎵胯繍鍗曡瘉</div>
+          </div>
+          <table>
+            <tr>
+              <td>鎵胯繍鏃ユ湡锛歿{ boxForm.orderTime }}</td>
+              <td>鍏仈鍗曞彿鐮侊細{{ boxForm.sixLinkNo }}</td>
+            </tr>
+            <tr>
+              <td>杞︾墝锛歿{ boxForm.licensePlate }}</td>
+              <td>璁㈣溅杞﹀瀷: {{ boxForm.$actualVehicleType }}</td>
+            </tr>
+            <tr>
+              <td>鍙告満濮撳悕锛歿{ boxForm.mainDriverName }}</td>
+              <td>鐢佃瘽锛歿{ boxForm.mainDriverMobile }}</td>
+            </tr>
+
+            <tr>
+              <td>鎵樻灦鍙�/鏌滃彿锛歿{ boxForm.shelfCode }}/ {{ boxForm.containerNo }}</td>
+              <td>琛岄┒鍙e哺锛歿{ boxForm.portName }}</td>
+            </tr>
+            <tr>
+              <td>鎻愬崟鍙稴/O锛歿{ boxForm.billNo }}</td>
+              <td>鐮佸ご鍚嶏細{{ boxForm.terminalName }}</td>
+            </tr>
+
+            <tr>
+              <td>瀹㈡埛锛歿{ boxForm.customerName }}</td>
+              <td>鑱旂粶浜猴細{{ boxForm.contactName }} {{ boxForm.contactPhone }} </td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <span style="margin-right: 40px">璐х墿鍚嶇О锛歿{ boxForm.cargoName }} </span>
+                <span style="margin-right: 40px">浠舵暟锛歿{ boxForm.pieceCount }} </span>
+                <span style="margin-right: 40px">閲嶉噺锛歿{ boxForm.weight }}KG</span>
+              </td>
+            </tr>
+            <tr>
+              <td colspan="2">璧锋璺嚎锛歿{ boxForm.transportLine }}</td>
+            </tr>
+            <tr>
+              <td>
+                <div style="line-height: 24px">璋冨害鍛橈細{{ boxForm.createBy }}</div>
+                <div style="line-height: 42px">鎵胯繍鍙告満锛歿{ boxForm.mainDriverName }}</div>
+              </td>
+              <td>鏀惰揣浜虹瀛�/鐩栫珷锛�</td>
+            </tr>
+          </table>
+
+          <div>鎵樿繍椤荤煡锛�</div>
+          <div>1.濡傚洜鎵樿繍鑰呮惡甯﹁繚瑙勭鍝侊紝杩濆弽褰撳湴娉曚緥鑰屽紩鑷磋溅杈嗗強鍙告満鎵g暀鎴栧缃氾紝鎵樹汉浜哄繀璧斿伩涓�鍒囨崯澶憋紝鐩磋嚦浜嬩欢瀹屾弧瑙e喅涓烘銆�</div>
+          <div>2.璐х墿瑁呭嵏鍙婅繍杈撴湡闂达紝涓�鍒囦氦閫氭剰澶栧紩鑷磋矾涓嶈兘琛岄┒鎴栬溅杈嗘崯澶辫�屼护璐х墿涓嶈兘濡傛湡浜よ揣鍙婁竴鍒囬銆佺伀銆佺洍绐冨強鍏跺畠鎰忓鍧囩敱璐т富璐熻矗銆�</div>
+          <div>3.涓�鍒囦氦鏄撳潎鎸夋湰鍏徃涔嬫爣鍑嗙粡钀ユ潯娆句负鍑嗭紝鏈叕鍙镐箣璐d换鍦ㄦ煇浜涙儏鍐典笅浼氳璞佸厤鎴栭檺 (鍒跺鏈夐』瑕侊紝娆㈣繋绱㈠彇)锛�</div>
+
+        </div>
+
+      </div>
+
+
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="print = 0" v-if="print == 1">閲嶆柊濉啓</el-button>
+          <el-button type="primary" :loading="pageF.isUploading" @click="submitForm6">
+            {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�2' }}
+          </el-button>
+
+          <el-button @click="open6 = false">鍙� 娑�</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 鐢ㄦ埛瀵煎叆瀵硅瘽妗� -->
+    <el-dialog title="璋冨害鍗曞鍏�" v-model="upload.open" width="400px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
+            <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
+              @click="importTemplate">涓嬭浇妯℃澘</el-link>
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
+          <el-button @click="upload.open = false">鍙� 娑�</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+
+    <el-dialog title="棰勯厤璁㈠崟瑁呭嵏璐х偣鐧昏" v-model="open7" class="avue-dialog avue-dialog--top" width="80%">
+      <avue-form v-model="shipperReceiverForm" ref="shipperReceiverFormRef" :option="shipperReceiverFormOption">
+        <template #dispatchNos="{ disabled }">
+          <div class="dispatchNos">
+            <el-tag v-for="tag in shipperReceiverForm.dispatchNos" :key="tag" closable
+              @close="handleCloseDispatchNo(tag)">
+              {{ tag }}
+            </el-tag>
+          </div>
+
+        </template>
+        <template #shipperId="{ disabled }">
+          <div style="display:flex; align-items: center;justify-content: space-between">
+            <avue-input-table :props="consignorProps" dataType="string" :children="consignorOption" :disabled="disabled"
+              :on-load="onShipperLoad" suffixIcon="search" v-model="shipperReceiverForm.shipperId" style="width: 80%"
+              @change="changeShipper2" placeholder="璇烽�夋嫨瑁呰揣鐐�"></avue-input-table>
+            <el-button icon="plus" :disabled="disabled" @click="handleAddShipper2"></el-button>
+          </div>
+        </template>
+        <template #receiverId="{ disabled }">
+          <div style="display:flex; align-items: center;justify-content: space-between">
+            <avue-input-table :props="consignorProps" :children="consignorOption" dataType="string"
+              :on-load="onConsignorLoad" suffixIcon="search" v-model="shipperReceiverForm.receiverId"
+              :disabled="disabled" @change="changeReceiver2" style="width: 80%" placeholder="璇烽�夋嫨鍗歌揣鐐�"></avue-input-table>
+            <el-button icon="plus" :disabled="disabled" @click="handleAddReceiver2"></el-button>
+          </div>
+        </template>
+      </avue-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" :loading="pageF.isUploading" @click="submitZxForm">
+            {{ pageF.isUploading ? '鎻愪氦涓�' : '纭� 瀹�' }}
+          </el-button>
+
+          <el-button @click="open7 = false">鍙� 娑�</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog title="瀵煎叆鏃ュ織" v-model="importLogVisible" width="80%">
+      <avue-crud :data="importLogData" :option="importLogOption" :table-loading="importLogLoading"
+        @on-load="getImportLogList"></avue-crud>
+    </el-dialog>
   </basicContainer>
 </template>
 
@@ -215,29 +570,62 @@
   getTmsDispatchOrder,
   listTmsDispatchOrder,
   updateTmsDispatchOrder,
-  confirmOrder, copyOrder, okOrder, initGenerate, generateTmsDispatchOrder, dropHook, connectHang
+  confirmOrder,
+  copyOrder,
+  okOrder,
+  initGenerate,
+  generateTmsDispatchOrder,
+  dropHook,
+  connectHang,
+  customsOrder,
+  loadingOrder,
+  checkCloseOrder,
+  closeOrder,
+  printDispatchOrder,
+  importTemplateTmsDispatchOrder, ypdddjSumbit,
+  tmsTmsDispatchOrderImportLog,
+  saveTmsFinanceDetail2
 } from "@/api/tms/tmsDispatchOrder";
 import useCurrentInstance from "@/utils/useCurrentInstance";
-import {computed, onMounted, reactive, ref, toRefs, watch} from "vue";
-import {PagesInterface, PageQueryInterface} from "@/utils/globalInterface";
-import {usePagePlus} from "@/hooks/usePagePlus";
-import {hasPermission} from "@/utils/permissionUtils";
-import {getTmsProject, listTmsProject} from "@/api/tms/tmsProject";
-import {getTmsServiceProvider, listTmsServiceProvider} from "@/api/tms/tmsServiceProvider";
-import {getTmsLoadingServiceProvider, listTmsLoadingServiceProvider} from "@/api/tms/tmsLoadingServiceProvider";
-import {getTmsCustomsServiceProvider, listTmsCustomsServiceProvider} from "@/api/tms/tmsCustomsServiceProvider";
-import {getTmsDriver, listTmsDriver} from "@/api/tms/tmsDriver";
-import {getTmsVehicle, listTmsVehicle} from "@/api/tms/tmsVehicle";
-import {getTmsContainer, listTmsContainer} from "@/api/tms/tmsContainer";
-import {getTmsShelf, listTmsShelf} from "@/api/tms/tmsShelf";
-import {getTmsConsignor, listTmsConsignor} from "@/api/tms/tmsConsignor";
-import {ElMessage, ElMessageBox} from "element-plus";
-import {addTmsTrip, listTmsTrip} from "@/api/tms/tmsTrip";
-import {addTmsFinanceDetail, listTmsFinanceDetail, updateTmsFinanceDetail} from "@/api/tms/tmsFinanceDetail";
-import {getTmsProductInfo, listTmsProductInfo} from "@/api/tms/tmsProductInfo";
-import {addTmsGoodsDetail, delTmsGoodsDetail, listTmsGoodsDetail, updateTmsGoodsDetail} from "@/api/tms/tmsGoodsDetail";
+import { computed, onMounted, reactive, ref, toRefs, watch, getCurrentInstance, nextTick } from "vue";
+import { PagesInterface, PageQueryInterface } from "@/utils/globalInterface";
+import { usePagePlus } from "@/hooks/usePagePlus";
+import { hasPermission } from "@/utils/permissionUtils";
+import { getTmsProject, listTmsProject } from "@/api/tms/tmsProject";
+import { getTmsServiceProvider, listTmsServiceProvider } from "@/api/tms/tmsServiceProvider";
+import { getTmsLoadingServiceProvider, listTmsLoadingServiceProvider } from "@/api/tms/tmsLoadingServiceProvider";
+import { getTmsCustomsServiceProvider, listTmsCustomsServiceProvider } from "@/api/tms/tmsCustomsServiceProvider";
+import { getTmsDriver, listTmsDriver } from "@/api/tms/tmsDriver";
+import { getTmsVehicle, listTmsVehicle } from "@/api/tms/tmsVehicle";
+import { getTmsContainer, listTmsContainer } from "@/api/tms/tmsContainer";
+import { getTmsShelf, listTmsShelf } from "@/api/tms/tmsShelf";
+import { addTmsConsignor, getTmsConsignor, listTmsConsignor } from "@/api/tms/tmsConsignor";
+import { ElMessage, ElMessageBox, type ElUpload } from "element-plus";
+import { addTmsTrip, listTmsTrip } from "@/api/tms/tmsTrip";
+import {
+  addTmsFinanceDetail,
+  listTmsFinanceDetail,
+  saveTmsFinanceDetail,
+  updateTmsFinanceDetail
+} from "@/api/tms/tmsFinanceDetail";
+import { getTmsProductInfo, listTmsProductInfo } from "@/api/tms/tmsProductInfo";
+import { addTmsGoodsDetail, delTmsGoodsDetail, listTmsGoodsDetail, updateTmsGoodsDetail } from "@/api/tms/tmsGoodsDetail";
+import { getTransportRouteVi, listTransportRouteVi } from "@/api/tms/tmsTransportRouteVi";
+import { listTmsQuoteItem } from "@/api/tms/tmsQuotePlanItem";
+import { $DialogForm, randomId } from '@smallwei/avue'
+import { getTmsCustomerInfo, listTmsCustomerInfo } from "@/api/tms/tmsCustomerInfo";
+import { getAddressCode } from "@/api/tms/tmsRegion";
+import { mapRegeo } from "@/api/common";
+import { getDicts } from "@/api/system/dict/data";
+import { pushTmsQuoteFee } from "@/api/tms/tmsQuoteFee";
+import { $Print } from '@smallwei/avue'
+import { getToken } from "@/utils/auth";
 
-const {proxy} = useCurrentInstance();
+const { appContext } = getCurrentInstance();
+
+const { proxy } = useCurrentInstance(
+);
+const { fee_type, sys_currency } = proxy.useDict('fee_type', 'sys_currency')
 const crudRef = ref();
 const boxFormRef = ref();
 const goodsCrudRef = ref();
@@ -250,7 +638,7 @@
   } else if (key == 'delBtn') {
     return hasPermission(["tms:tmsDispatchOrder:remove"]) && row?.status == 0
   } else if (key == 'editBtn') {
-    return hasPermission(["tms:tmsDispatchOrder:edit"]) && [0,1].includes(row?.status)
+    return hasPermission(["tms:tmsDispatchOrder:edit"]) && [0, 1].includes(row?.status)
   } else if (key == 'viewBtn') {
     return hasPermission(["tms:tmsDispatchOrder:query"])
   } else {
@@ -273,112 +661,134 @@
   boxTableOption: <any>{},
   title: '',
   open: false,
-  open2:false,
+  open2: false,
   goodsTableData: <any>[],
-  goodsForm:<any>{},
+  selectionList2: <any>[],
+  goodsForm: <any>{},
   open3: false,
-  actualForm:<any>{},
+  actualForm: <any>{},
+  isCustoms: <any>-1,
+  isLoad: -1,
+  open5: false,
+  open6: false,
+  open7: false,
+  zxhdjSingle: false,
 })
-const {queryParams, form, page, selectionList,open3,
+const {
+  queryParams, form, page, selectionList, open3,
   boxTableData, optionType,
-  boxFormOption,boxForm,boxTableOption,title,open,open2,
-  goodsTableData,goodsForm,actualForm
+  boxFormOption, boxForm, boxTableOption, title, open, open2,
+  goodsTableData, goodsForm, actualForm, selectionList2, isCustoms, isLoad, open5, open6, open7, zxhdjSingle
 } = toRefs(data);
 const option = ref({
+  menuType: 'icon',
+  viewBtn: false, // 鍏抽棴鍘熺敓鏌ョ湅
+  editBtn: false, // 鍏抽棴鍘熺敓缂栬緫
+
+  searchIndex: 7, // 鍏抽敭锛氭姌鍙犳椂鏄剧ず鐨勪釜鏁帮紙鏍规嵁浣犵殑瀛楁鏁伴噺璋冩暣锛�
+  searchIcon: true, // 鍏抽敭锛氭樉绀烘姌鍙�/灞曞紑鎸夐挳
+  searchMenuSpan: 6, // 鎼滅储鎸夐挳鏍忓崰浣嶏紙鍙�夛級
+
   pageKey: 'TmsDispatchOrder',
   rowKey: 'id',
   labelWidth: 130,
   searchSpan: 6,
   searchLabelWidth: 150,
   menuWidth: 300,
+  height: 530,
   group: [
     {
       label: '鍩烘湰淇℃伅',
       prop: 'jbxx',
       column: {
-        projectId: {
-          label: '鍏宠仈椤圭洰',
+
+        quoteDetailId: {
+          label: '杩愯緭绾胯矾', span: 24,
           display: true,
           rules: [
             {
               required: true,
-              message: "鍏宠仈椤圭洰涓嶈兘涓虹┖", trigger: "change"
+              message: "璇烽�夋嫨杩愯緭璺嚎", trigger: "change"
             }
           ],
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           change: (val: any) => {
-            const table = crudRef.value?.getPropRef?.('projectId')?.$refs?.temp;
+            const table = crudRef.value?.getPropRef?.('quoteDetailId')?.$refs?.temp;
             if (!table) return;
             let active = table.active;
             if (Array.isArray(active)) active = active[0];
             if (active) {
               Object.assign(form.value, {
-                projectId: active.id,
+                quoteDetailId: active.quoteDetailId,
+                transportLine: active.transportRoute,
+                startRegionCode: active.startRegionCode,
+                endRegionCode: active.endRegionCode,
+                projectId: active.projectId,
                 projectName: active.projectName,
-                customerId: active.relatedCustomerId,
-                customerName: active.relatedCustomerName,
-                customerCode: active.relatedCustomerCode,
-                contractId: active.relatedContractId,
-                contractName: active.relatedContractName,
+                customerId: active.customerId,
+                customerName: active.customerFullName,
+                customerCode: active.customerCode,
+                contractId: active.contractId,
+                contractName: active.contractName,
+                requiredVehicleTypes: active.vehicleType,
+                quotePlanId: active.quotePlanId,
               });
+              form.value.shipperId = undefined;
+              form.value.shipperRegionLabel = undefined;
+              form.value.shipperAddress = undefined;
+              form.value.shipperMobile = undefined;
+              form.value.receiverId = undefined;
+              form.value.receiverAddress = undefined;
+              form.value.receiverMobile = undefined;
             }
           },
-          type: 'table', suffixIcon: 'search',
           children: {
             border: true,
             searchMenuSpan: 5,
             column: {
+              transportRoute: {
+                label: '杩愯緭璺嚎', minWidth: 130,
+                search: true,
+              },
+              customerFullName: {
+                label: '瀹㈡埛鍏ㄧО', minWidth: 120,
+                search: true,
+              },
               projectName: {
-                label: '椤圭洰鍚嶇О', minWidth: 130,
-                search: true,
-              },
-              projectCode: {
-                label: '椤圭洰缂栧彿', minWidth: 120,
-                search: true,
-              },
-              relatedContractName: {
-                label: '鍏宠仈鍚堝悓',
+                label: '鍏宠仈椤圭洰',
                 display: false, minWidth: 150,
                 search: true,
               },
 
-              relatedCustomerName: {
-                label: '鍏宠仈瀹㈡埛',
+              contractName: {
+                label: '鍏宠仈鍚堝悓',
                 display: false, minWidth: 150,
                 search: true,
               },
-              status: {
-                label: '鐘舵��', dataType: 'string',
-                type: 'radio', dicUrl: '/system/dict/data/type/data_status',
-                addDisplay: false, minWidth: 150,
-                editDisplay: false,
-                viewDisplay: true,
+              vehicleType: {
+                label: '杞﹀瀷', dataType: 'string',
+                type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', minWidth: 150,
                 hide: false,
                 search: true,
-                rules: [
-                  {
-                    required: true,
-                    message: "鐘舵�佷笉鑳戒负绌�", trigger: "blur"
-                  }
-                ],
               },
             },
 
           },
           props: {
-            label: 'projectName',
-            value: 'id'
+            label: 'transportRoute',
+            value: 'quoteDetailId'
           },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+          onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
             if (value) {
               let id = value;
               if (Array.isArray(value)) {
                 id = value[0]
               }
-              getTmsProject(id).then(res => {
+              getTransportRouteVi(id).then(res => {
                 return callback(res.data || {})
               })
             } else {
-              listTmsProject({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+              listTransportRouteVi({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
                 return callback({
                   total: res.total,
                   data: res.rows || [],
@@ -387,10 +797,13 @@
             }
 
           }
-
         },
         customerName: {
           label: '瀹㈡埛鍚嶇О',
+          display: true, disabled: true
+        },
+        projectName: {
+          label: '鍏宠仈椤圭洰',
           display: true, disabled: true
         },
         // customerCode: {
@@ -398,10 +811,19 @@
         //   display: true,disabled:true
         // },
         contractName: {
-          label: '鍏宠仈鍚堝悓鍚嶇О',
+          label: '鍏宠仈鍚堝悓',
           display: true, disabled: true
         },
-
+        requiredVehicleTypes: {
+          label: '涓嬪崟杞﹀瀷', disabled: true,
+          display: true, type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', dataType: 'string',
+          rules: [
+            {
+              required: true,
+              message: "涓嬪崟杞﹀瀷涓嶈兘涓虹┖", trigger: "blur"
+            }
+          ],
+        },
         orderType: {
           label: '璁㈠崟绫诲瀷',
           display: true,
@@ -413,16 +835,296 @@
               message: "璁㈠崟绫诲瀷涓嶈兘涓虹┖", trigger: "change"
             }
           ],
+          change: ({ value }: any) => {
+            option.value.group.forEach((item: any) => {
+              if (item.prop == 'pcxx') {
+                item.column.shipperId.rules.forEach((cItem: any) => {
+                  cItem.required = !(value == 1);
+                });
+                item.column.receiverId.rules.forEach((cItem: any) => {
+                  cItem.required = !(value == 1);
+                });
+              }
+            })
+          }
         },
-        signType: {
-          label: '绛炬敹绫诲瀷',
+        // signType: {
+        //   label: '绛炬敹绫诲瀷',
+        //   display: true,
+        //   type: 'select', dataType: 'string',
+        //   dicUrl: '/system/dict/data/type/sign_type',
+        //   rules: [
+        //     {
+        //       required: true,
+        //       message: "绛炬敹绫诲瀷涓嶈兘涓虹┖", trigger: "change"
+        //     }
+        //   ],
+        // },
+
+        // loadingServiceProviderId: {
+        //   label: '瑁呰揣鏈嶅姟鍟�',
+        //   display: true,
+        //   rules: [
+        //     {
+        //       required: true,
+        //       message: "瑁呰揣鏈嶅姟鍟嗕笉鑳戒负绌�", trigger: "change"
+        //     }
+        //   ],
+        //   change: (val: any) => {
+        //     const table = crudRef.value?.getPropRef?.('loadingServiceProviderId')?.$refs?.temp;
+        //     if (!table) return;
+        //     let active = table.active;
+        //     if (Array.isArray(active)) active = active[0];
+        //     if (active) {
+        //       Object.assign(form.value, {
+        //         loadingServiceProviderId: active.id,
+        //         loadingServiceProviderName: active.serviceShortName,
+        //       });
+        //     }
+        //   },
+        //   type: 'table', suffixIcon: 'search',
+        //   children: {
+        //     border: true,
+        //     searchLabelWidth: 100,
+        //     searchMenuSpan: 5,
+        //     column: {
+        //       serviceCode: {
+        //         label: '鏈嶅姟鍟嗙紪鐮�', minWidth: 130,
+        //         search: true,
+        //       },
+        //       serviceShortName: {
+        //         label: '鏈嶅姟鍟嗙畝绉�', minWidth: 120,
+        //         search: true,
+        //       },
+        //       serviceType: {
+        //         label: '鏈嶅姟绫诲瀷', multiple: true,
+        //         type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/service_type',
+        //         minWidth: 150,
+        //       },
+        //       contactName: {
+        //         label: '鑱旂郴浜哄鍚�', minWidth: 120,
+        //       },
+        //     },
+        //
+        //   },
+        //   props: {
+        //     label: 'serviceShortName',
+        //     value: 'id'
+        //   },
+        //   onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+        //     if (value) {
+        //       let id = value;
+        //       if (Array.isArray(value)) {
+        //         id = value[0]
+        //       }
+        //       getTmsLoadingServiceProvider(id).then(res => {
+        //         return callback(res.data || {})
+        //       })
+        //     } else {
+        //       listTmsLoadingServiceProvider({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+        //         return callback({
+        //           total: res.total,
+        //           data: res.rows || [],
+        //         })
+        //       })
+        //     }
+        //
+        //   }
+        //
+        // },
+        // customsServiceProviderId: {
+        //   label: '鎶ュ叧鏈嶅姟鍟�',
+        //   display: true,
+        //   rules: [
+        //     {
+        //       required: true,
+        //       message: "鎶ュ叧鏈嶅姟鍟嗕笉鑳戒负绌�", trigger: "change"
+        //     }
+        //   ],
+        //   change: (val: any) => {
+        //     const table = crudRef.value?.getPropRef?.('customsServiceProviderId')?.$refs?.temp;
+        //     if (!table) return;
+        //     let active = table.active;
+        //     if (Array.isArray(active)) active = active[0];
+        //     if (active) {
+        //       Object.assign(form.value, {
+        //         customsServiceProviderId: active.id,
+        //         customsServiceProviderName: active.serviceShortName,
+        //       });
+        //     }
+        //   },
+        //   type: 'table', suffixIcon: 'search',
+        //   children: {
+        //     border: true,
+        //     searchLabelWidth: 100,
+        //     searchMenuSpan: 5,
+        //     column: {
+        //       serviceCode: {
+        //         label: '鏈嶅姟鍟嗙紪鐮�', minWidth: 130,
+        //         search: true,
+        //       },
+        //       serviceShortName: {
+        //         label: '鏈嶅姟鍟嗙畝绉�', minWidth: 120,
+        //         search: true,
+        //       },
+        //       serviceType: {
+        //         label: '鏈嶅姟绫诲瀷', multiple: true,
+        //         type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/service_type',
+        //         minWidth: 150,
+        //       },
+        //       contactName: {
+        //         label: '鑱旂郴浜哄鍚�', minWidth: 120,
+        //       },
+        //     },
+        //
+        //   },
+        //   props: {
+        //     label: 'serviceShortName',
+        //     value: 'id'
+        //   },
+        //   onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+        //     if (value) {
+        //       let id = value;
+        //       if (Array.isArray(value)) {
+        //         id = value[0]
+        //       }
+        //       getTmsCustomsServiceProvider(id).then(res => {
+        //         return callback(res.data || {})
+        //       })
+        //     } else {
+        //       listTmsCustomsServiceProvider({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+        //         return callback({
+        //           total: res.total,
+        //           data: res.rows || [],
+        //         })
+        //       })
+        //     }
+        //
+        //   }
+        // },
+        isCustoms: {
+          label: '濮旀墭鎶ュ叧',
           display: true,
-          type: 'select', dataType: 'string',
-          dicUrl: '/system/dict/data/type/sign_type',
+          type: 'radio', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
           rules: [
             {
               required: true,
-              message: "绛炬敹绫诲瀷涓嶈兘涓虹┖", trigger: "change"
+              message: "濮旀墭鎶ュ叧涓嶈兘涓虹┖", trigger: "blur"
+            }
+          ],
+        },
+        isLoad: {
+          label: '濮旀墭瑁呭嵏',
+          display: true,
+          type: 'radio', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
+          rules: [
+            {
+              required: true,
+              message: "濮旀墭瑁呭嵏涓嶈兘涓虹┖", trigger: "blur"
+            }
+          ],
+        },
+        isUrgent: {
+          label: '鏄惁绱ф��', value: '1',
+          display: true,
+          type: 'radio', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
+          rules: [
+            {
+              required: true,
+              message: "鏄惁绱ф�ヤ笉鑳戒负绌�", trigger: "blur"
+            }
+          ],
+        },
+        // transportType: {
+        //   label: '杩愯緭鏂瑰紡',
+        //   display: true, type: 'select', dicUrl: '/system/dict/data/type/dispatch_transport_mode', dataType: 'string',
+        //
+        // },
+        // loadMethod: {
+        //   label: '閰嶈浇鏂瑰紡',
+        //   display: true, type: 'select', dicUrl: '/system/dict/data/type/load_method', dataType: 'string',
+        // },
+        orderTime: {
+          label: '涓嬪崟鏃堕棿',
+          type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
+          format: 'YYYY-MM-DD HH:mm:ss',
+          valueFormat: 'YYYY-MM-DD HH:mm:ss',
+          display: true,
+          rules: [
+            {
+              required: true,
+              message: "涓嬪崟鏃堕棿涓嶈兘涓虹┖", trigger: "blur"
+            }
+          ],
+        },
+        latestDeparture: {
+          label: '瑕佹眰鏈�鏅氬嚭鍙戞椂闂�',
+          type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
+          format: 'YYYY-MM-DD HH:mm:ss', labelWidth: 150,
+          valueFormat: 'YYYY-MM-DD HH:mm:ss',
+          display: true,
+          rules: [
+            {
+              required: true,
+              message: "瑕佹眰鏈�鏅氬嚭鍙戞椂闂翠笉鑳戒负绌�", trigger: "blur"
+            }
+          ],
+        },
+        latestArrival: {
+          label: '瑕佹眰鏈�鏅氬埌杈炬椂闂�', labelWidth: 150,
+          type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
+          format: 'YYYY-MM-DD HH:mm:ss',
+          valueFormat: 'YYYY-MM-DD HH:mm:ss',
+          display: true,
+          rules: [
+            {
+              required: true,
+              message: "瑕佹眰鏈�鏅氬埌杈炬椂闂翠笉鑳戒负绌�", trigger: "blur"
+            }
+          ],
+        },
+
+
+      }
+    },
+    {
+      label: '娲捐溅淇℃伅',
+      prop: 'pcxx',
+      column: {
+        operationMode: {
+          label: '鏄惁鏄嚜钀ヨ溅闃�', value: 0,
+          type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/sys_number_is',
+          rules: [
+            {
+              required: true,
+              message: "鏄惁鏄嚜钀ヨ溅闃熶笉鑳戒负绌�", trigger: "change"
+            }
+          ],
+          change: ({ value }: any) => {
+            console.log(value)
+            option.value.group.forEach((item: any) => {
+              if (item.prop == 'pcxx') {
+                item.column.commissionModel.display = value != 1;
+                item.column.containerId.display = value != 1;
+                item.column.shelfId.display = value != 1;
+                item.column.vehicleProviderId.display = value == 1;
+                item.column.containerNo.display = value == 1;
+                item.column.shelfCode.display = value == 1;
+                // item.column.vehicleProviderId.rules.forEach((cItem: any) => {
+                //   cItem.required = value == 1;
+                // });
+              }
+            })
+
+          },
+        },
+        commissionModel: {
+          label: '鎻愭垚妯″紡',
+          display: true, type: 'radio', dicUrl: '/system/dict/data/type/commission_model', dataType: 'string',
+          rules: [
+            {
+              required: true,
+              message: "鎻愭垚妯″紡涓嶈兘涓虹┖", trigger: "change"
             }
           ],
         },
@@ -447,7 +1149,7 @@
               });
             }
           },
-          type: 'table', suffixIcon: 'search',
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           children: {
             border: true,
             searchLabelWidth: 100,
@@ -491,7 +1193,7 @@
             label: 'serviceShortName',
             value: 'id'
           },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+          onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
             if (value) {
               let id = value;
               if (Array.isArray(value)) {
@@ -501,7 +1203,7 @@
                 return callback(res.data || {})
               })
             } else {
-              listTmsServiceProvider({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+              listTmsServiceProvider({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
                 return callback({
                   total: res.total,
                   data: res.rows || [],
@@ -511,171 +1213,10 @@
 
           }
 
-        },
-        loadingServiceProviderId: {
-          label: '瑁呰揣鏈嶅姟鍟�',
-          display: true,
-          rules: [
-            {
-              required: true,
-              message: "瑁呰揣鏈嶅姟鍟嗕笉鑳戒负绌�", trigger: "change"
-            }
-          ],
-          change: (val: any) => {
-            const table = crudRef.value?.getPropRef?.('loadingServiceProviderId')?.$refs?.temp;
-            if (!table) return;
-            let active = table.active;
-            if (Array.isArray(active)) active = active[0];
-            if (active) {
-              Object.assign(form.value, {
-                loadingServiceProviderId: active.id,
-                loadingServiceProviderName: active.serviceShortName,
-              });
-            }
-          },
-          type: 'table', suffixIcon: 'search',
-          children: {
-            border: true,
-            searchLabelWidth: 100,
-            searchMenuSpan: 5,
-            column: {
-              serviceCode: {
-                label: '鏈嶅姟鍟嗙紪鐮�', minWidth: 130,
-                search: true,
-              },
-              serviceShortName: {
-                label: '鏈嶅姟鍟嗙畝绉�', minWidth: 120,
-                search: true,
-              },
-              serviceType: {
-                label: '鏈嶅姟绫诲瀷', multiple: true,
-                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/service_type',
-                minWidth: 150,
-              },
-              contactName: {
-                label: '鑱旂郴浜哄鍚�', minWidth: 120,
-              },
-            },
-
-          },
-          props: {
-            label: 'serviceShortName',
-            value: 'id'
-          },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
-            if (value) {
-              let id = value;
-              if (Array.isArray(value)) {
-                id = value[0]
-              }
-              getTmsLoadingServiceProvider(id).then(res => {
-                return callback(res.data || {})
-              })
-            } else {
-              listTmsLoadingServiceProvider({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
-                return callback({
-                  total: res.total,
-                  data: res.rows || [],
-                })
-              })
-            }
-
-          }
-
-        },
-        customsServiceProviderId: {
-          label: '鎶ュ叧鏈嶅姟鍟�',
-          display: true,
-          rules: [
-            {
-              required: true,
-              message: "鎶ュ叧鏈嶅姟鍟嗕笉鑳戒负绌�", trigger: "change"
-            }
-          ],
-          change: (val: any) => {
-            const table = crudRef.value?.getPropRef?.('customsServiceProviderId')?.$refs?.temp;
-            if (!table) return;
-            let active = table.active;
-            if (Array.isArray(active)) active = active[0];
-            if (active) {
-              Object.assign(form.value, {
-                customsServiceProviderId: active.id,
-                customsServiceProviderName: active.serviceShortName,
-              });
-            }
-          },
-          type: 'table', suffixIcon: 'search',
-          children: {
-            border: true,
-            searchLabelWidth: 100,
-            searchMenuSpan: 5,
-            column: {
-              serviceCode: {
-                label: '鏈嶅姟鍟嗙紪鐮�', minWidth: 130,
-                search: true,
-              },
-              serviceShortName: {
-                label: '鏈嶅姟鍟嗙畝绉�', minWidth: 120,
-                search: true,
-              },
-              serviceType: {
-                label: '鏈嶅姟绫诲瀷', multiple: true,
-                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/service_type',
-                minWidth: 150,
-              },
-              contactName: {
-                label: '鑱旂郴浜哄鍚�', minWidth: 120,
-              },
-            },
-
-          },
-          props: {
-            label: 'serviceShortName',
-            value: 'id'
-          },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
-            if (value) {
-              let id = value;
-              if (Array.isArray(value)) {
-                id = value[0]
-              }
-              getTmsCustomsServiceProvider(id).then(res => {
-                return callback(res.data || {})
-              })
-            } else {
-              listTmsCustomsServiceProvider({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
-                return callback({
-                  total: res.total,
-                  data: res.rows || [],
-                })
-              })
-            }
-
-          }
-        },
-        isUrgent: {
-          label: '鏄惁绱ф��',
-          display: true,
-          type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
-          rules: [
-            {
-              required: true,
-              message: "鏄惁绱ф�ヤ笉鑳戒负绌�", trigger: "blur"
-            }
-          ],
-        },
-        transportType: {
-          label: '杩愯緭鏂瑰紡',
-          display: true, type: 'select', dicUrl: '/system/dict/data/type/dispatch_transport_mode', dataType: 'string',
-
-        },
-        loadMethod: {
-          label: '閰嶈浇鏂瑰紡',
-          display: true, type: 'select', dicUrl: '/system/dict/data/type/load_method', dataType: 'string',
         },
         mainDriverId: {
           label: '涓婚┚椹跺憳',
-          display: true,dataType: 'string',
+          display: true, dataType: 'string',
           rules: [
             {
               required: true,
@@ -710,7 +1251,7 @@
               licenseType: {
                 label: '鍑嗛┚杞﹀瀷', minWidth: 120,
                 type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/license_type',
-                search: true,multiple:true,
+                search: true, multiple: true,
               },
             },
 
@@ -719,7 +1260,7 @@
             label: 'driverName',
             value: 'id'
           },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+          onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
             if (value) {
               let id = value;
               if (Array.isArray(value)) {
@@ -729,7 +1270,11 @@
                 return callback(res.data || {})
               })
             } else {
-              listTmsDriver({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+              listTmsDriver({
+                pageSize: page.pageSize,
+                pageNum: page.currentPage, ...data,
+                carrierType: form.value.operationMode, vehicleProviderId: form.value.vehicleProviderId
+              }).then(res => {
                 return callback({
                   total: res.total,
                   data: res.rows || [],
@@ -743,7 +1288,7 @@
         },
         assistantDriverId: {
           label: '鍓┚椹跺憳',
-          display: true,dataType: 'string',
+          display: true, dataType: 'string',
           change: (val: any) => {
             const table = crudRef.value?.getPropRef?.('assistantDriverId')?.$refs?.temp;
             if (!table) return;
@@ -770,7 +1315,7 @@
                 search: true,
               },
               licenseType: {
-                label: '鍑嗛┚杞﹀瀷', minWidth: 120,multiple:true,
+                label: '鍑嗛┚杞﹀瀷', minWidth: 120, multiple: true,
                 type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/license_type',
                 search: true,
               },
@@ -781,7 +1326,7 @@
             label: 'driverName',
             value: 'id'
           },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+          onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
             if (value) {
               let id = value;
               if (Array.isArray(value)) {
@@ -791,7 +1336,11 @@
                 return callback(res.data || {})
               })
             } else {
-              listTmsDriver({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+              listTmsDriver({
+                pageSize: page.pageSize,
+                pageNum: page.currentPage, ...data, vehicleProviderId: form.value.vehicleProviderId,
+                carrierType: form.value.operationMode
+              }).then(res => {
                 return callback({
                   total: res.total,
                   data: res.rows || [],
@@ -802,22 +1351,8 @@
           }
 
         },
-        requiredVehicleTypes: {
-          label: '瑕佹眰杞﹀瀷',
-          display: true, type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', dataType: 'string',
-          rules: [
-            {
-              required: true,
-              message: "瑕佹眰杞﹀瀷涓嶈兘涓虹┖", trigger: "blur"
-            }
-          ],
-        },
-        actualVehicleType: {
-          label: '瀹為檯杩愯緭宸ュ叿绫诲瀷',
-          display: true, type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', dataType: 'string',
-        },
         vehicleId: {
-          label: '杞︾墝鍙�',dataType: 'string',
+          label: '杞︾墝鍙�', dataType: 'string',
           display: true,
           rules: [
             {
@@ -834,6 +1369,7 @@
               Object.assign(form.value, {
                 vehicleId: active.id,
                 licensePlate: active.licensePlate,
+                actualVehicleType: active.vehicleType,
               });
             }
           },
@@ -849,6 +1385,8 @@
               },
               vehicleType: {
                 label: '杞﹁締绫诲瀷', minWidth: 120,
+                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/vehicle_type',
+
                 search: true,
               },
               internalCode: {
@@ -874,7 +1412,7 @@
             label: 'licensePlate',
             value: 'id'
           },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+          onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
             if (value) {
               let id = value;
               if (Array.isArray(value)) {
@@ -884,7 +1422,11 @@
                 return callback(res.data || {})
               })
             } else {
-              listTmsVehicle({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+              listTmsVehicle({
+                pageSize: page.pageSize,
+                pageNum: page.currentPage, ...data,
+                carrierType: form.value.operationMode, serviceProviderId: form.value.vehicleProviderId
+              }).then(res => {
                 return callback({
                   total: res.total,
                   data: res.rows || [],
@@ -894,6 +1436,61 @@
 
           }
 
+        },
+        actualVehicleType: {
+          label: '娲惧嚭杞﹀瀷',
+          display: true, type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', dataType: 'string',
+        },
+        shipperId: {
+          label: '瑁呰揣鐐�', dataType: 'string',
+          display: true,
+
+          rules: [
+            {
+              required: false,
+              message: "瑁呰揣鐐逛笉鑳戒负绌�", trigger: "change"
+            }
+          ],
+
+        },
+        shipperRegionLabel: {
+          label: '瑁呰揣鐐硅鏀垮尯鍩�',
+          display: true, disabled: true
+
+        },
+        shipperAddress: {
+          label: '瑁呰揣鐐硅缁嗗湴鍧�',
+          display: true, disabled: true
+        },
+        shipperMobile: {
+          label: '瑁呰揣鐐硅仈绯绘柟寮�',
+          display: true, disabled: true
+        },
+        receiverId: {
+          label: '鍗歌揣鐐�',
+          display: true, dataType: 'string',
+          rules: [
+            {
+              required: true,
+              message: "鍗歌揣鐐逛笉鑳戒负绌�", trigger: "change"
+            }
+          ],
+        },
+        receiverRegionLabel: {
+          label: '鍗歌揣鐐硅鏀垮尯鍩�',
+          display: true, disabled: true
+        },
+        receiverAddress: {
+          label: '鍗歌揣鐐硅缁嗗湴鍧�',
+          display: true, disabled: true
+        },
+        receiverMobile: {
+          label: '鍗歌揣鐐硅仈绯绘柟寮�',
+          display: true, disabled: true
+        },
+        containerNo: {
+          label: '闆嗚绠卞彿',
+          display: false,
         },
         containerId: {
           label: '鍏宠仈闆嗚绠变俊鎭�',
@@ -910,7 +1507,7 @@
               });
             }
           },
-          type: 'table', suffixIcon: 'search',
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           children: {
             border: true,
             searchLabelWidth: 100,
@@ -923,6 +1520,11 @@
               containerUseType: {
                 label: '闆嗚绠辩敤閫旂被鍨�', minWidth: 120,
                 type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/container_use_type',
+                search: true,
+              },
+              selfLeasType: {
+                label: '鑷绫诲瀷', minWidth: 120,
+                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/self_leas_type',
                 search: true,
               },
               containerSize: {
@@ -939,7 +1541,7 @@
             label: 'containerCode',
             value: 'id'
           },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+          onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
             if (value) {
               let id = value;
               if (Array.isArray(value)) {
@@ -949,7 +1551,7 @@
                 return callback(res.data || {})
               })
             } else {
-              listTmsContainer({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+              listTmsContainer({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
                 return callback({
                   total: res.total,
                   data: res.rows || [],
@@ -959,6 +1561,10 @@
 
           }
 
+        },
+        shelfCode: {
+          label: '鎵樻澘鍙�',
+          display: false,
         },
         shelfId: {
           label: '鎵樻澘鍙�',
@@ -975,7 +1581,7 @@
               });
             }
           },
-          type: 'table', suffixIcon: 'search',
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           children: {
             border: true,
             searchLabelWidth: 100,
@@ -986,7 +1592,13 @@
                 search: true,
               },
               shelfType: {
+                label: '鎵樻灦绫诲瀷', minWidth: 120,
                 type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/shelf_type',
+                search: true,
+              },
+              selfLeasType: {
+                label: '鑷绫诲瀷', minWidth: 120,
+                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/self_leas_type',
                 search: true,
               },
               compatibleContainerType: {
@@ -1001,7 +1613,7 @@
             label: 'shelfCode',
             value: 'id'
           },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+          onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
             if (value) {
               let id = value;
               if (Array.isArray(value)) {
@@ -1011,7 +1623,7 @@
                 return callback(res.data || {})
               })
             } else {
-              listTmsShelf({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+              listTmsShelf({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
                 return callback({
                   total: res.total,
                   data: res.rows || [],
@@ -1021,339 +1633,84 @@
 
           }
 
-        },
-      }
-    },
-    {
-      label: '鏀跺彂璐т汉淇℃伅',
-      prop: 'shffxrxx',
-      column: {
-        shipperId: {
-          label: '鍙戣揣浜�',dataType:'string',
-          display: true,
-          change: (val: any) => {
-            const table = crudRef.value?.getPropRef?.('shipperId')?.$refs?.temp;
-            if (!table) return;
-            let active = table.active;
-            if (Array.isArray(active)) active = active[0];
-            if (active) {
-              let shipperRegionCode = '';
-              if (active.provinceId){
-                shipperRegionCode = active.provinceId;
-              }
-              if (active.cityId){
-                shipperRegionCode =shipperRegionCode+ ","+active.cityId;
-
-              }
-              if (active.districtId){
-                shipperRegionCode =shipperRegionCode+ ","+active.districtId;
-
-              }
-              if (active.streetId){
-                shipperRegionCode =shipperRegionCode+ ","+active.streetId;
-              }
-              Object.assign(form.value, {
-                shipperId: active.id,
-                shipperName: active.consignorName,
-                shipperRegionLabel: active.regionLabel,
-                shipperAddress: active.addressDetail,
-                shipperMobile: active.contactPhone,
-                shipperRegionCode:shipperRegionCode
-              });
-              form.value.transportLine = form.value.shipperRegionLabel
-                  + (form.value.receiverRegionLabel ? '>' + form.value.receiverRegionLabel : '');
-            }
-          },
-          rules: [
-            {
-              required: true,
-              message: "鍙戣揣浜轰笉鑳戒负绌�", trigger: "change"
-            }
-          ],
-          type: 'table', suffixIcon: 'search',
-          children: {
-            border: true,
-            searchLabelWidth: 100,
-            searchMenuSpan: 5,
-            column: {
-              consignorCode: {
-                label: '鏀跺彂璐т汉缂栫爜', minWidth: 130,
-                search: true,
-              },
-              consignorName: {
-                label: '鏀跺彂璐т汉鍚嶇О', minWidth: 130,
-                search: true,
-              },
-              consignorType: {
-                label: '鏀跺彂璐т汉绫诲瀷', minWidth: 80,
-                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/consignor_type',
-                display: false,
-                hide: false,
-                search: true,
-              },
-              contactName: {
-                label: '鑱旂郴浜哄鍚�', minWidth: 110,
-                display: false,
-                hide: false,
-                search: true,
-              },
-              contactPhone: {
-                label: '鑱旂郴浜虹數璇�', minWidth: 110,
-                display: false,
-                hide: false,
-                search: true,
-              },
-              regionLabel: {
-                label: '琛屾斂鍖哄煙', minWidth: 180,
-                display: false,
-                hide: false,
-                search: true,
-              },
-            },
-
-          },
-          props: {
-            label: 'consignorName',
-            value: 'id'
-          },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
-            if (value) {
-              let id = value;
-              if (Array.isArray(value)) {
-                id = value[0]
-              }
-              getTmsConsignor(id).then(res => {
-                return callback(res.data || {})
-              })
-            } else {
-              listTmsConsignor({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
-                return callback({
-                  total: res.total,
-                  data: res.rows || [],
-                })
-              })
-            }
-
-          }
-
-        },
-        shipperRegionLabel: {
-          label: '鍙戣揣浜鸿鏀垮尯鍩�',
-          display: true, disabled: true
-
-        },
-        shipperAddress: {
-          label: '鍙戣揣浜鸿缁嗗湴鍧�',
-          display: true, disabled: true
-        },
-        shipperMobile: {
-          label: '鍙戣揣浜鸿仈绯绘柟寮�',
-          display: true, disabled: true
-        },
-        receiverId: {
-          label: '鏀惰揣浜�',
-          display: true, dataType:'string',
-          rules: [
-            {
-              required: true,
-              message: "鏀惰揣浜轰笉鑳戒负绌�", trigger: "change"
-            }
-          ],
-          change: (val: any) => {
-            const table = crudRef.value?.getPropRef?.('receiverId')?.$refs?.temp;
-            if (!table) return;
-            let active = table.active;
-            if (Array.isArray(active)) active = active[0];
-            if (active) {
-              let receiverRegionCode = '';
-              if (active.provinceId){
-                receiverRegionCode = active.provinceId;
-              }
-              if (active.cityId){
-                receiverRegionCode =receiverRegionCode+ ","+active.cityId;
-
-              }
-              if (active.districtId){
-                receiverRegionCode =receiverRegionCode+ ","+active.districtId;
-
-              }
-              if (active.streetId){
-                receiverRegionCode =receiverRegionCode+ ","+active.streetId;
-              }
-
-              Object.assign(form.value, {
-                receiverId: active.id,
-                receiverName: active.consignorName,
-                receiverRegionLabel: active.regionLabel,
-                receiverAddress: active.addressDetail,
-                receiverMobile: active.contactPhone,
-                receiverRegionCode:receiverRegionCode,
-              });
-              form.value.transportLine =
-                  (form.value.shipperRegionLabel ? form.value.shipperRegionLabel + '>' : '') + form.value.receiverRegionLabel;
-
-            }
-          },
-          type: 'table', suffixIcon: 'search',
-          children: {
-            border: true,
-            searchLabelWidth: 100,
-            searchMenuSpan: 5,
-            column: {
-              consignorCode: {
-                label: '鏀跺彂璐т汉缂栫爜', minWidth: 130,
-                search: true,
-              },
-              consignorName: {
-                label: '鏀跺彂璐т汉鍚嶇О', minWidth: 130,
-                search: true,
-              },
-              consignorType: {
-                label: '鏀跺彂璐т汉绫诲瀷', minWidth: 80,
-                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/consignor_type',
-                display: false,
-                hide: false,
-                search: true,
-              },
-              contactName: {
-                label: '鑱旂郴浜哄鍚�', minWidth: 110,
-                display: false,
-                hide: false,
-                search: true,
-              },
-              contactPhone: {
-                label: '鑱旂郴浜虹數璇�', minWidth: 110,
-                display: false,
-                hide: false,
-                search: true,
-              },
-              regionLabel: {
-                label: '琛屾斂鍖哄煙', minWidth: 180,
-                display: false,
-                hide: false,
-                search: true,
-              },
-            },
-
-          },
-          props: {
-            label: 'consignorName',
-            value: 'id'
-          },
-          onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
-            if (value) {
-              let id = value;
-              if (Array.isArray(value)) {
-                id = value[0]
-              }
-              getTmsConsignor(id).then(res => {
-                return callback(res.data || {})
-              })
-            } else {
-              listTmsConsignor({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
-                return callback({
-                  total: res.total,
-                  data: res.rows || [],
-                })
-              })
-            }
-
-          }
-
-        },
-        receiverRegionLabel: {
-          label: '鏀惰揣浜鸿鏀垮尯鍩�',
-          display: true, disabled: true
-        },
-        receiverAddress: {
-          label: '鏀惰揣浜鸿缁嗗湴鍧�',
-          display: true, disabled: true
-        },
-        receiverMobile: {
-          label: '鏀惰揣浜鸿仈绯绘柟寮�',
-          display: true, disabled: true
-        },
-        transportLine: {
-          label: '杩愯緭绾胯矾', span: 24,
-          display: true, disabled: true
-        },
-      }
-    },
-    {
-      label: '杩愯緭瑕佹眰淇℃伅',
-      prop: 'ysyqxx',
-      column: {
-        earliestDeparture: {
-          label: '瑕佹眰鏈�鏃╁嚭鍙戞椂闂�',
-          type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
-          format: 'YYYY-MM-DD HH:mm:ss',
-          valueFormat: 'YYYY-MM-DD HH:mm:ss',
-          display: true,
-        },
-        latestDeparture: {
-          label: '瑕佹眰鏈�鏅氬嚭鍙戞椂闂�',
-          type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
-          format: 'YYYY-MM-DD HH:mm:ss',
-          valueFormat: 'YYYY-MM-DD HH:mm:ss',
-          display: true,
-        },
-        earliestArrival: {
-          label: '瑕佹眰鏈�鏃╁埌杈炬椂闂�',
-          type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
-          format: 'YYYY-MM-DD HH:mm:ss',
-          valueFormat: 'YYYY-MM-DD HH:mm:ss',
-          display: true,
-        },
-        latestArrival: {
-          label: '瑕佹眰鏈�鏅氬埌杈炬椂闂�',
-          type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
-          format: 'YYYY-MM-DD HH:mm:ss',
-          valueFormat: 'YYYY-MM-DD HH:mm:ss',
-          display: true,
-        },
-      }
-    },
-    {
-      label: '杞﹁締淇℃伅',
-      prop: 'clxx',
-      column: {
-        emptyMileage: {
-          label: '绌鸿浇閲岀▼', append: 'Km',
-          display: true,
-        },
-        emptyFuel: {
-          label: '绌鸿浇娌硅��', append: 'L',
-          display: true,
-        },
-        loadedMileage: {
-          label: '閲嶈浇閲岀▼', append: 'Km',
-          display: true,
-        },
-        loadedFuel: {
-          label: '閲嶈浇娌硅��', append: 'L',
-          display: true,
-        },
-      }
-    },
-    {
-      label: '鍏朵粬淇℃伅',
-      prop: 'qtyxx',
-      column: {
-        shiftNo: {
-          label: '鐝鍙�',
-          display: true,
-        },
-        lineNo: {
-          label: '绾胯矾鍙�',
-          display: true,
         },
         remark: {
           label: '澶囨敞', span: 24,
           type: 'textarea', minRows: 3, maxRows: 5,
           display: true,
         },
-      }
-    }
+      },
+    },
+
+    // {
+    //   label: '杩愯緭瑕佹眰淇℃伅',
+    //   prop: 'ysyqxx',
+    //   column: {
+    //     earliestDeparture: {
+    //       label: '瑕佹眰鏈�鏃╁嚭鍙戞椂闂�',
+    //       type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
+    //       format: 'YYYY-MM-DD HH:mm:ss',
+    //       valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    //       display: true,
+    //     },
+    //     latestDeparture: {
+    //       label: '瑕佹眰鏈�鏅氬嚭鍙戞椂闂�',
+    //       type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
+    //       format: 'YYYY-MM-DD HH:mm:ss',
+    //       valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    //       display: true,
+    //     },
+    //     earliestArrival: {
+    //       label: '瑕佹眰鏈�鏃╁埌杈炬椂闂�',
+    //       type: 'datetime',  // 鏀逛负 datetime 绫诲瀷
+    //       format: 'YYYY-MM-DD HH:mm:ss',
+    //       valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    //       display: true,
+    //     },
+    //
+    //   }
+    // },
+    // {
+    //   label: '杞﹁締淇℃伅',
+    //   prop: 'clxx',
+    //   column: {
+    //     emptyMileage: {
+    //       label: '绌鸿浇閲岀▼', append: 'Km',
+    //       display: true,
+    //     },
+    //     emptyFuel: {
+    //       label: '绌鸿浇娌硅��', append: 'L',
+    //       display: true,
+    //     },
+    //     loadedMileage: {
+    //       label: '閲嶈浇閲岀▼', append: 'Km',
+    //       display: true,
+    //     },
+    //     loadedFuel: {
+    //       label: '閲嶈浇娌硅��', append: 'L',
+    //       display: true,
+    //     },
+    //   }
+    // },
+    // {
+    //   label: '鍏朵粬淇℃伅',
+    //   prop: 'qtyxx',
+    //   column: {
+    //     shiftNo: {
+    //       label: '鐝鍙�',
+    //       display: true,
+    //     },
+    //     lineNo: {
+    //       label: '绾胯矾鍙�',
+    //       display: true,
+    //     },
+    //     remark: {
+    //       label: '澶囨敞', span: 24,
+    //       type: 'textarea', minRows: 3, maxRows: 5,
+    //       display: true,
+    //     },
+    //   }
+    // }
   ],
   column: {
 
@@ -1362,17 +1719,54 @@
       display: false,
       search: true,
     },
+    licensePlate: {
+      label: '杞︾墝鍙�', minWidth: 120,
+      display: false,
+      search: true,
+    },
     customerName: {
       label: '瀹㈡埛',
       display: false, minWidth: 120,
       search: true,
     },
+    mainDriverName: {
+      label: '涓婚┚椹跺憳',
+      display: false, minWidth: 120,
+      search: true,
+    },
+    requiredVehicleTypes: {
+      label: '涓嬪崟杞﹀瀷', minWidth: 130,
+      display: false, type: 'select', search: true,
+      dicUrl: '/system/dict/data/type/vehicle_type',
+      dataType: 'string',
 
+    },
+    createTimeRange: {
+      label: '鍒涘缓鏃堕棿', display: false, search: true, searchRange: true, type: 'date',
+      format: 'YYYY-MM-DD', hide: true, searchSpan: 5,
+      valueFormat: 'YYYY-MM-DD',
+    },
+    updateTimeRange: {
+      label: '鏇存柊鏃堕棿', display: false, search: true, searchRange: true, type: 'date',
+      format: 'YYYY-MM-DD', hide: true, searchSpan: 5,
+      valueFormat: 'YYYY-MM-DD',
+    },
+    loadingServiceProviderName: {
+      label: '瑁呰揣鏈嶅姟鍟嗗悕绉�', minWidth: 150,
+      display: false,
+      search: true,
+    },
+    customsServiceProviderName: {
+      label: '鎶ュ叧鏈嶅姟鍟嗗悕绉�', minWidth: 150,
+      display: false,
+      search: true,
+    },
     projectName: {
       label: '椤圭洰鍚嶇О',
       display: false, minWidth: 120,
       search: true,
     },
+
     contractName: {
       label: '鍏宠仈鍚堝悓鍚嶇О', minWidth: 120,
       display: false,
@@ -1385,13 +1779,13 @@
       type: 'select', dataType: 'string',
       dicUrl: '/system/dict/data/type/order_type',
     },
-    signType: {
-      label: '璁㈠崟绫诲瀷',
-      display: false,
-      search: true, minWidth: 120,
-      type: 'select', dataType: 'string',
-      dicUrl: '/system/dict/data/type/order_type',
-    },
+    // signType: {
+    //   label: '璁㈠崟绫诲瀷',
+    //   display: false,
+    //   search: true, minWidth: 120,
+    //   type: 'select', dataType: 'string',
+    //   dicUrl: '/system/dict/data/type/order_type',
+    // },
 
     transportLine: {
       label: '杩愯緭绾胯矾',
@@ -1406,27 +1800,34 @@
       search: true,
     },
 
-    loadingServiceProviderName: {
-      label: '瑁呰揣鏈嶅姟鍟嗗悕绉�', minWidth: 150,
-      display: false,
-      search: true,
-    },
-    customsServiceProviderName: {
-      label: '鎶ュ叧鏈嶅姟鍟嗗悕绉�', minWidth: 150,
-      display: false,
-      search: true,
-    },
+
     isUrgent: {
-      label: '鏄惁绱ф�ュ惁',
+      label: '鏄惁绱ф��',
       display: false, minWidth: 100,
       search: true,
       type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
 
     },
-    mainDriverName: {
-      label: '涓婚┚椹跺憳',
-      display: false, minWidth: 120,
+    iscc: {
+      label: '鏄惁鏌ヨ溅',
+      display: false, minWidth: 100,
       search: true,
+      type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
+
+    },
+    isfk: {
+      label: '鏄惁鏀剧┖',
+      display: false, minWidth: 100,
+      search: true,
+      type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
+
+    },
+    isPrint: {
+      label: '鏄惁鎵撳嵃鎵胯繍鍗�',
+      display: false, minWidth: 100,
+      search: true,
+      type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
+
     },
 
     // requiredVehicleTypes: {
@@ -1434,59 +1835,92 @@
     //   display: false,
     //   search: true,
     // },
+
     actualVehicleType: {
-      label: '瀹為檯杩愯緭宸ュ叿绫诲瀷', minWidth: 130,
+      label: '娲惧嚭杞﹀瀷', minWidth: 130,
       display: false,
       search: true,
-      type: 'select', dicUrl: '/system/dict/data/type/license_type', dataType: 'string',
+      type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', dataType: 'string',
 
     },
 
-    licensePlate: {
-      label: '杞︾墝鍙�', minWidth: 120,
-      display: false,
-      search: true,
-    },
+
 
     shipperName: {
-      label: '鍙戣揣浜哄悕绉�',
+      label: '瑁呰揣鐐瑰悕绉�',
       display: false, minWidth: 120,
       search: true,
     },
     receiverName: {
-      label: '鏀惰揣浜哄悕绉�', minWidth: 120,
+      label: '鍗歌揣鐐瑰悕绉�', minWidth: 120,
       display: false,
       search: true,
     },
-    accountsReceivableStatus: {
-      label: '搴旀敹璐圭敤鐢熸垚鐘舵��', minWidth: 160,
-      display: false,
-      hide: false,
-      search: true,
-      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/accounts_status',
-
-    },
-    accountsPayableStatus: {
-      label: '搴斾粯璐圭敤鐢熸垚鐘舵��', minWidth: 160,
-      display: false,
-      hide: false,
-      search: true,
-      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/accounts_status',
-
-    },
+    // accountsReceivableStatus: {
+    //   label: '搴旀敹璐圭敤鐢熸垚鐘舵��', minWidth: 160,
+    //   display: false,
+    //   hide: false,
+    //   search: true,
+    //   type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/accounts_status',
+    //
+    // },
+    // accountsPayableStatus: {
+    //   label: '搴斾粯璐圭敤鐢熸垚鐘舵��', minWidth: 160,
+    //   display: false,
+    //   hide: false,
+    //   search: true,
+    //   type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/accounts_status',
+    //
+    // },
 
     status: {
       label: '鐘舵��', minWidth: 150,
       type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/tms_dispatch_order_status',
       display: false,
       hide: false, fixed: 'right',
-      search: true,
+      search: false,
       rules: [
         {
           required: true,
           message: "鐘舵�佷笉鑳戒负绌�", trigger: "change"
         }
       ],
+    },
+    inStatusList: {
+      label: '鐘舵��', minWidth: 150,
+      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/tms_dispatch_order_status',
+      display: false, multiple: true,
+      hide: true,
+      search: true,
+
+    },
+    confirmTime: {
+      label: '纭鏃堕棿', minWidth: 180,
+      display: false,
+      hide: false,
+      search: false,
+    },
+    orderTime: {
+      label: '涓嬪崟鏃堕棿', minWidth: 180,
+      display: false,
+      hide: false,
+      search: false,
+    },
+    createBy: {
+      label: '鍒涘缓浜�', minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+      hide: false,
+      search: true,
+    },
+    createTime: {
+      label: '鍒涘缓鏃堕棿', minWidth: 180,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+      hide: false,
+      search: false,
     },
 
     updateBy: {
@@ -1495,7 +1929,7 @@
       editDisplay: false,
       viewDisplay: false,
       hide: false,
-      search: false,
+      search: true,
     },
     updateTime: {
       label: '鏇存柊鏃堕棿', minWidth: 180,
@@ -1506,6 +1940,21 @@
       search: false,
     },
 
+    confirmTimeRange: {
+      label: '纭鏃堕棿', display: false, search: true, searchRange: true, type: 'date',
+      format: 'YYYY-MM-DD', hide: true, searchSpan: 5,
+      valueFormat: 'YYYY-MM-DD',
+    },
+    okTimeRange: {
+      label: '瀹屾垚鏃堕棿', display: false, search: true, searchRange: true, type: 'date',
+      format: 'YYYY-MM-DD', hide: true, searchSpan: 5,
+      valueFormat: 'YYYY-MM-DD',
+    },
+    orderTimeRange: {
+      label: '涓嬪崟鏃堕棿', display: false, search: true, searchRange: true, type: 'date',
+      format: 'YYYY-MM-DD', hide: true, searchSpan: 5,
+      valueFormat: 'YYYY-MM-DD',
+    },
 
   }
 })
@@ -1527,11 +1976,27 @@
     tripType: {
       label: '琛岀▼绫诲瀷',
       display: true,
+      change: function ({ value }: any) {
+        if (value == '5') {
+          itineraryOption.value.column.iscc.display = true
+        }
+      },
       type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/trip_type',
       rules: [
         {
           required: true,
           message: "琛岀▼绫诲瀷涓嶈兘涓虹┖", trigger: "change"
+        }
+      ],
+    },
+    iscc: {
+      label: '鏄惁鏌ヨ溅',
+      display: false,
+      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_number_is',
+      rules: [
+        {
+          required: true,
+          message: "鏄惁鏌ヨ溅涓嶈兘涓虹┖", trigger: "change"
         }
       ],
     },
@@ -1569,14 +2034,10 @@
     voucherUrl: {
       label: '琛岀▼鍑瘉',
       display: true,
-      span: 24,
-      accept:'string',dataType: 'string',
+      span: 24, dataType: 'string',
       type: 'upload',
       action: '/common/upload2',
-      propsHttp:{
-        home:'url',
-        name:'newFileName',
-      },
+
     },
     dataSource: {
       label: '鏁版嵁鏉ユ簮',
@@ -1627,16 +2088,11 @@
       display: true,
     },
     voucherUrl: {
-      label: '琛岀▼鍑瘉',
+      label: '鍑瘉',
       display: true,
-      span: 24,
-      accept:'string',dataType: 'string',
-      type: 'upload',
-      action: '/common/upload2',
-      propsHttp:{
-        home:'url',
-        name:'newFileName',
-      },
+      span: 24, dataType: 'string',
+      type: 'img',
+
     },
 
   }
@@ -1668,17 +2124,29 @@
         }
       ],
     },
-    voucherUrl: {
-      label: '琛岀▼鍑瘉',
+    currency: {
+      label: '甯佺',
       display: true,
-      span: 24,
-      accept:'string',dataType: 'string',
+      type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/sys_currency',
+      rules: [
+        {
+          required: true,
+          message: "甯佺涓嶈兘涓虹┖", trigger: "change"
+        }
+      ],
+
+    },
+    voucherUrl: {
+      label: '璐圭敤鍑瘉',
+      display: true,
+      accept: 'string', dataType: 'string',
       type: 'upload',
       action: '/common/upload2',
-      propsHttp:{
-        home:'url',
-        name:'newFileName',
-      },
+
+    },
+    remark: {
+      label: '澶囨敞',
+      type: 'textarea', minRows: 3, maxRows: 5, span: 24
     },
     dataSource: {
       label: '鏁版嵁鏉ユ簮',
@@ -1719,17 +2187,21 @@
       label: '閲戦',
       display: true,
     },
+    currency: {
+      label: '甯佺',
+      display: true,
+      type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/sys_currency',
+    },
     feeVoucherUrl: {
       label: '璐圭敤鍑瘉',
       display: true,
       span: 24,
-      accept:'string',dataType: 'string',
+      accept: 'string', dataType: 'object',
       type: 'upload',
       action: '/common/upload2',
-      propsHttp:{
-        home:'url',
-        name:'newFileName',
-      },
+    },
+    remark: {
+      label: '澶囨敞',
     },
 
   }
@@ -1768,21 +2240,21 @@
       display: false,
     },
     shipperName: {
-      label: '鍙戣揣浜哄悕绉�',
+      label: '瑁呰揣鐐瑰悕绉�',
       display: false, minWidth: 120,
     },
     receiverName: {
-      label: '鏀惰揣浜哄悕绉�', minWidth: 120,
+      label: '鍗歌揣鐐瑰悕绉�', minWidth: 120,
       display: false,
     },
     transportLine: {
       label: '杩愯緭绾胯矾',
-      display: false,minWidth: 180, overHidden: true
+      display: false, minWidth: 180, overHidden: true
     },
     actualVehicleType: {
       label: '杞﹀瀷', minWidth: 130,
       display: false,
-      type: 'select', dicUrl: '/system/dict/data/type/license_type', dataType: 'string',
+      type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', dataType: 'string',
 
     },
     licensePlate: {
@@ -1805,7 +2277,7 @@
           message: "鎺ユ寕杞﹁締鍙风爜涓嶈兘涓虹┖", trigger: "change"
         }
       ],
-      type: 'table', suffixIcon: 'search',dataType: 'string',
+      type: 'table', suffixIcon: 'search', dataType: 'string',
       children: {
         border: true,
         searchLabelWidth: 100,
@@ -1842,7 +2314,7 @@
         label: 'licensePlate',
         value: 'id'
       },
-      onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+      onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
         if (value) {
           let id = value;
           if (Array.isArray(value)) {
@@ -1852,7 +2324,7 @@
             return callback(res.data || {})
           })
         } else {
-          listTmsVehicle({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+          listTmsVehicle({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
             return callback({
               total: res.total,
               data: res.rows || [],
@@ -1871,7 +2343,7 @@
           message: "鎺ユ寕鍙告満涓嶈兘涓虹┖", trigger: "change"
         }
       ],
-      type: 'table', suffixIcon: 'search',dataType: 'string',
+      type: 'table', suffixIcon: 'search', dataType: 'string',
       children: {
         border: true,
         searchMenuSpan: 5,
@@ -1887,7 +2359,7 @@
           licenseType: {
             label: '鍑嗛┚杞﹀瀷', minWidth: 120,
             type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/license_type',
-            search: true,multiple:true,
+            search: true, multiple: true,
           },
         },
 
@@ -1896,7 +2368,7 @@
         label: 'driverName',
         value: 'id'
       },
-      onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+      onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
         if (value) {
           let id = value;
           if (Array.isArray(value)) {
@@ -1906,7 +2378,7 @@
             return callback(res.data || {})
           })
         } else {
-          listTmsDriver({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+          listTmsDriver({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
             return callback({
               total: res.total,
               data: res.rows || [],
@@ -1920,6 +2392,187 @@
   }
 })
 
+
+const customsOption = ref({
+  menuBtn: false,
+  labelWidth: 120,
+  column: {
+    customsServiceProviderId: {
+      label: '鎶ュ叧鏈嶅姟鍟�', span: 24,
+      display: true,
+      rules: [
+        {
+          required: true,
+          message: "鎶ュ叧鏈嶅姟鍟嗕笉鑳戒负绌�", trigger: "change"
+        }
+      ],
+      type: 'table', suffixIcon: 'search', dataType: 'string',
+      change: (val: any) => {
+        const table = boxFormRef.value?.getPropRef?.('customsServiceProviderId')?.$refs?.temp;
+        if (!table) return;
+        let active = table.active;
+        if (Array.isArray(active)) active = active[0];
+        if (active) {
+          Object.assign(form.value, {
+            customsServiceProviderId: active.id,
+            customsServiceProviderName: active.serviceShortName,
+          });
+        }
+      },
+      children: {
+        border: true,
+        searchLabelWidth: 100,
+        searchMenuSpan: 5,
+        column: {
+          serviceCode: {
+            label: '鏈嶅姟鍟嗙紪鐮�',
+            search: true,
+          },
+          serviceShortName: {
+            label: '鏈嶅姟鍟嗙畝绉�', minWidth: 150,
+            search: true,
+          },
+          serviceName: {
+            label: '鏈嶅姟鍟嗗叏绉�', search: true,
+          },
+          serviceType: {
+            label: '鏈嶅姟绫诲瀷', minWidth: 150,
+            type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/service_type',
+            multiple: true,
+            search: true,
+          },
+        }
+      },
+      props: {
+        label: 'serviceShortName',
+        value: 'id'
+      },
+      onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
+        if (value) {
+          let id = value;
+          if (Array.isArray(value)) {
+            id = value[0]
+          }
+          getTmsCustomsServiceProvider(id).then(res => {
+            return callback(res.data || {})
+          })
+        } else {
+          listTmsCustomsServiceProvider({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
+            return callback({
+              total: res.total,
+              data: res.rows || [],
+            })
+          })
+        }
+
+      }
+    },
+  }
+})
+
+
+const loadingOption = ref({
+  menuBtn: false,
+  labelWidth: 120,
+  column: {
+    loadingServiceProviderId: {
+      label: '瑁呭嵏鏈嶅姟鍟�', span: 24,
+      display: true,
+      rules: [
+        {
+          required: true,
+          message: "瑁呭嵏鏈嶅姟鍟嗕笉鑳戒负绌�", trigger: "change"
+        }
+      ],
+      type: 'table', suffixIcon: 'search', dataType: 'string',
+      change: (val: any) => {
+        const table = boxFormRef.value?.getPropRef?.('loadingServiceProviderId')?.$refs?.temp;
+        if (!table) return;
+        let active = table.active;
+        if (Array.isArray(active)) active = active[0];
+        if (active) {
+          Object.assign(form.value, {
+            loadingServiceProviderId: active.id,
+            loadingServiceProviderName: active.serviceShortName,
+          });
+        }
+      },
+      children: {
+        border: true,
+        searchLabelWidth: 100,
+        searchMenuSpan: 5,
+        column: {
+          serviceCode: {
+            label: '鏈嶅姟鍟嗙紪鐮�',
+            search: true,
+          },
+          serviceShortName: {
+            label: '鏈嶅姟鍟嗙畝绉�', minWidth: 150,
+            search: true,
+          },
+          serviceName: {
+            label: '鏈嶅姟鍟嗗叏绉�', search: true,
+          },
+          serviceType: {
+            label: '鏈嶅姟绫诲瀷', minWidth: 150,
+            type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/service_type',
+            multiple: true,
+            search: true,
+          },
+        }
+      },
+      props: {
+        label: 'serviceShortName',
+        value: 'id'
+      },
+      onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
+        if (value) {
+          let id = value;
+          if (Array.isArray(value)) {
+            id = value[0]
+          }
+          getTmsLoadingServiceProvider(id).then(res => {
+            return callback(res.data || {})
+          })
+        } else {
+          listTmsLoadingServiceProvider({ pageSize: page.pageSize, pageNum: page.currentPage, ...data }).then(res => {
+            return callback({
+              total: res.total,
+              data: res.rows || [],
+            })
+          })
+        }
+
+      }
+    },
+  }
+})
+
+
+const closeOption = ref({
+  menuBtn: false,
+  labelWidth: 120,
+  column: {
+    closeWhy: {
+      label: '浣滃簾鍘熷洜', span: 24,
+      type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/close_why',
+      rules: [
+        {
+          required: true,
+          message: "浣滃簾鍘熷洜涓嶈兘涓虹┖", trigger: "change"
+        }
+      ],
+    },
+    closeWhyRemark: {
+      label: '浣滃簾鍘熷洜璇存槑',
+      type: 'textarea',
+      span: 24,
+    },
+  }
+})
+
+
+
 const goodsTableOption = ref({
   pageKey: 'TmsGoodsDetail',
   rowKey: 'id',
@@ -1927,8 +2580,8 @@
   viewBtn: false,
   column: {
     productId: {
-      label: '璐у搧鍚嶇О',hide:true,
-      display: true,minWidth: 120, type: 'table', suffixIcon: 'search',dataType: 'string',
+      label: '璐у搧鍚嶇О', hide: true,
+      display: true, minWidth: 120, type: 'table', suffixIcon: 'search', dataType: 'string',
       children: {
         border: true,
         searchLabelWidth: 100,
@@ -1965,7 +2618,7 @@
         label: 'productName',
         value: 'id'
       },
-      onLoad: ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+      onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
         if (value) {
           let id = value;
           if (Array.isArray(value)) {
@@ -1975,10 +2628,11 @@
             return callback(res.data || {})
           })
         } else {
-          listTmsProductInfo({pageSize: page.pageSize,
+          listTmsProductInfo({
+            pageSize: page.pageSize,
             pageNum: page.currentPage,
             ...data,
-            customerId:form.value.customerId
+            // customerId:form.value.customerId
           }).then(res => {
             return callback({
               total: res.total,
@@ -2004,87 +2658,88 @@
             packUnit: active.packUnit,
           });
 
-          goodsForm.value.sumWeight = active.grossWeight|| 0 * goodsForm.value.quantity;
-          goodsForm.value.sumNetWeight = active.netWeight || 0* goodsForm.value.quantity;
-          goodsForm.value.sumVolume = active.volume|| 0 * goodsForm.value.quantity;
+          goodsForm.value.sumWeight = active.grossWeight || 0 * goodsForm.value.quantity;
+          goodsForm.value.sumNetWeight = active.netWeight || 0 * goodsForm.value.quantity;
+          goodsForm.value.sumVolume = active.volume || 0 * goodsForm.value.quantity;
 
         }
       },
     },
     productName: {
-      label: '璐у搧鍚嶇О',minWidth: 120,
-      display :false,
+      label: '璐у搧鍚嶇О', minWidth: 120,
+      display: false,
       hide: false,
     },
     quantity: {
       label: '鏁伴噺',
-      addDisplay :true,minWidth: 100,
-      editDisplay :true,
-      viewDisplay :true,
+      addDisplay: true, minWidth: 100,
+      editDisplay: true,
+      viewDisplay: true,
       value: 1,
-      change:()=>{
+      change: () => {
         goodsForm.value.sumWeight = goodsForm.value.grossWeight || 0 * goodsForm.value.quantity;
-        goodsForm.value.sumNetWeight = goodsForm.value.netWeight || 0* goodsForm.value.quantity;
+        goodsForm.value.sumNetWeight = goodsForm.value.netWeight || 0 * goodsForm.value.quantity;
         goodsForm.value.sumVolume = goodsForm.value.volume || 0 * goodsForm.value.quantity;
       }
     },
     sumWeight: {
       label: '閲嶉噺(kg)',
-      addDisplay :true,minWidth: 100,append: 'Kg',
-      editDisplay :true,
-      viewDisplay :true,
+      addDisplay: true, minWidth: 100, append: 'Kg',
+      editDisplay: true,
+      viewDisplay: true,
     },
     sumNetWeight: {
       label: '鍑�閲�(kg)',
-      addDisplay :true,
-      editDisplay :true,minWidth: 100,append: 'Kg',
-      viewDisplay :true,
+      addDisplay: true,
+      editDisplay: true, minWidth: 100, append: 'Kg',
+      viewDisplay: true,
     },
     sumVolume: {
       label: '浣撶Н(m鲁)',
-      addDisplay :true,
-      editDisplay :true,minWidth: 100,append: 'm鲁',
-      viewDisplay :true,
+      addDisplay: true,
+      editDisplay: true, minWidth: 100, append: 'm鲁',
+      viewDisplay: true,
     },
 
 
     loosePieces: {
       label: '鏁d欢鏁�',
-      addDisplay :true,
-      editDisplay :true,minWidth: 100,
-      viewDisplay :true,
+      addDisplay: true,
+      editDisplay: true, minWidth: 100,
+      viewDisplay: true,
     },
 
     fullContainers: {
       label: '鏁寸鏁�',
-      addDisplay :true,
-      editDisplay :true,minWidth: 100,
-      viewDisplay :true,
+      addDisplay: true,
+      editDisplay: true, minWidth: 100,
+      viewDisplay: true,
     },
     containerNo: {
       label: '闆嗚绠卞彿',
-      addDisplay :true,
-      editDisplay :true,minWidth: 100,
-      viewDisplay :true,
+      addDisplay: true,
+      editDisplay: true, minWidth: 100,
+      viewDisplay: true,
     },
     palletCount: {
       label: '鎵樻暟',
-      addDisplay :true,minWidth: 100,
-      editDisplay :true,
-      viewDisplay :true,
+      addDisplay: true, minWidth: 100,
+      editDisplay: true,
+      viewDisplay: true,
     }
-  }})
+  }
+})
 
 const actualFormOption = ref({
-   menuBtn: false, labelWidth: 140,
-  column:{
-    departureAddress:{
+  menuBtn: false, labelWidth: 140,
+  column: {
+    departureAddress: {
       label: '瀹為檯鍑哄彂鍦板湴鍧�',
-      span:24,
+      span: 24,
     },
-    destinationAddress:{
+    destinationAddress: {
       label: '瀹為檯鐩殑鍦板湴鍧�',
-      span:24,
+      span: 24,
     },
     actualLoadStart: {
       label: '瀹為檯瑁呰溅寮�濮嬫椂闂�',
@@ -2115,22 +2770,157 @@
       display: true,
     },
     actualQuantity: {
-      label: '瀹炲彂鏁伴噺',type: 'number',
+      label: '瀹炲彂鏁伴噺', type: 'number',
     },
     actualWeight: {
-      label: '瀹炲彂閲嶉噺',type: 'number',
+      label: '瀹炲彂閲嶉噺', type: 'number',
     },
     actualVolume: {
-      label: '瀹炲彂浣撶Н',type: 'number',
+      label: '瀹炲彂浣撶Н', type: 'number',
     },
     reweighWeight: {
-      label: '澶嶇閲嶉噺',type: 'number',
+      label: '澶嶇閲嶉噺', type: 'number',
     },
-    electronicLock:{
+    electronicLock: {
       label: '鐢靛瓙閿�',
     }
   }
 })
+
+
+const itemsTableOption = ref({
+  pageKey: 'itemsTable',
+  rowKey: 'rowKey',
+  header: false,
+  addBtn: false, menu: false,
+  column: {
+    feeType: {
+      label: '璐圭敤鍚嶇О',
+    },
+    unit: {
+      label: '*璁¢噺鍗曚綅',
+    },
+    price: {
+      label: '*璁¤垂閲戦',
+    },
+    currency: {
+      label: '甯佸埗',
+    },
+    count: {
+      label: '璁¤垂鏁伴噺', minWidth: 130,
+    },
+    sum: {
+      label: '鎬婚噾棰�',
+    }
+  }
+})
+
+const consignorOption = ref({
+  border: true,
+  searchLabelWidth: 100,
+  searchMenuSpan: 5,
+  column: {
+    consignorCode: {
+      label: '鏀惰璐х偣缂栫爜', minWidth: 130,
+      search: true,
+    },
+    consignorName: {
+      label: '鏀惰璐х偣鍚嶇О', minWidth: 130,
+      search: true,
+    },
+    consignorType: {
+      label: '鏀惰璐х偣绫诲瀷', minWidth: 80,
+      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/consignor_type',
+      display: false,
+      hide: false,
+      search: true,
+    },
+    contactName: {
+      label: '鑱旂郴浜哄鍚�', minWidth: 110,
+      display: false,
+      hide: false,
+      search: true,
+    },
+    contactPhone: {
+      label: '鑱旂郴浜虹數璇�', minWidth: 110,
+      display: false,
+      hide: false,
+      search: true,
+    },
+    regionLabel: {
+      label: '琛屾斂鍖哄煙', minWidth: 180,
+      display: false,
+      hide: false,
+      search: true,
+    },
+  },
+})
+const consignorProps = ref({
+  label: 'consignorName',
+  value: 'id'
+})
+
+
+const itemsCrudRef = ref()
+const itemsTableData = ref<any>([])
+
+const tabsOption = ref({
+  column: [
+    {
+      label: '杩愯緭澧炲�间綔涓氱櫥璁�',
+      prop: 'tab1',
+      name: 'tab1',
+      value: '0',
+
+    },
+    {
+      label: '鎶ュ叧澧炲�间綔涓氱櫥璁�',
+      prop: 'tab2',
+      name: 'tab2',
+      value: '1',
+    },
+    {
+      label: '瑁呭嵏澧炲�间綔涓氱櫥璁�',
+      prop: 'tab3',
+      name: 'tab3',
+      value: '2',
+
+    },
+    {
+      label: '瀹炴姤瀹為攢璐圭敤鐧昏',
+      prop: 'tab4',
+      name: 'tab4',
+      value: '3',
+    }
+  ]
+})
+const tabsOptionRef = ref();
+const active = ref('tab1');
+const open4 = ref(false);
+const zzItemsTableOption = ref({
+  pageKey: 'zzItemsTable',
+  rowKey: 'rowKey',
+  header: false,
+  menu: false,
+  selection: false,
+  column: {
+    freeName: {
+      label: '璐圭敤鍚嶇О',
+    },
+    unit: {
+      label: '璁¢噺鍗曚綅',
+    },
+    count: {
+      label: '璁¤垂鏁伴噺'
+    },
+    remark: {
+      label: '澶囨敞'
+    }
+  }
+});
+const zzItemsTableData = ref();
+
+
 
 
 const {
@@ -2167,7 +2957,37 @@
   },
   handleSelectionChangeFunc: (selection: any) => {
     selectionList.value = selection;
+    if (selection.length > 0) {
+      isCustoms.value = selection[0].isCustoms;
+      isLoad.value = selection[0].isLoad;
+    } else {
+      isCustoms.value = -1;
+      isLoad.value = -1;
+    }
+    isCustoms.value = isCustoms.value == 0 && !pageF.single ? 0 : -1;
+    isLoad.value = isLoad.value == 0 && !pageF.single ? 0 : -1;
+    zxhdjSingle.value = pageF.multiple || true;
+    let yp = selection.filter((item: any) => {
+      return item.orderType == 0
+    });
+    if (yp.length > 0) {
+      zxhdjSingle.value = false;
+    }
+  },
+  getBeginListFunc: (params = {}) => {
+    queryParams.value = proxy.addDateRangeNew(queryParams.value, queryParams.value?.createTimeRange, 'createTime') || {};
+    queryParams.value = proxy.addDateRangeNew(queryParams.value, queryParams.value?.updateTimeRange, 'updateTime') || {};
+    queryParams.value = proxy.addDateRangeNew(queryParams.value, queryParams.value?.confirmTimeRange, 'confirmTime') || {};
+    queryParams.value = proxy.addDateRangeNew(queryParams.value, queryParams.value?.okTimeRange, 'okTime') || {};
+    queryParams.value = proxy.addDateRangeNew(queryParams.value, queryParams.value?.orderTimeRange, 'orderTime') || {};
+    return params;
+  },
+  handleBeforeOpenFunc: (type: string) => {
+    if (type == 'add') {
+      form.value = {};
+    }
   }
+
 })
 const handleConfirm = (row: any) => {
   ElMessageBox.confirm("鏄惁瀵硅皟搴﹀崟鍙�" + row.dispatchNo + "纭畾 锛�", '绯荤粺鎻愮ず', {
@@ -2221,8 +3041,10 @@
 const handleUploadItinerary = (row: any) => {
   optionType.value = 'addItinerary';
   boxFormOption.value = itineraryOption.value;
+  console.log(itineraryOption.value);
+
   boxTableOption.value = itineraryTableOption.value;
-  listTmsTrip({dispatchOrderId: row.id, pageNum: 1, pageSize: 999}).then(res => {
+  listTmsTrip({ dispatchOrderId: row.id, pageNum: 1, pageSize: 999 }).then(res => {
     boxTableData.value = res.rows || [];
     pageF.open = true;
     pageF.title = '涓婁紶琛岀▼';
@@ -2235,6 +3057,8 @@
       vehicleNumber: row.licensePlate,
       vehicleId: row.vehicleId,
     }
+    console.log(boxForm.value);
+
   })
 }
 const cancelBox = () => {
@@ -2246,7 +3070,7 @@
 }
 
 const submitForm = () => {
-  if (optionType.value === 'addItinerary'){
+  if (optionType.value === 'addItinerary') {
     if (Array.isArray(boxForm.value.voucherUrl)) {
       boxForm.value.voucherUrl = boxForm.value.voucherUrl.toString();
     }
@@ -2258,11 +3082,19 @@
       cancelBox();
       onLoad(page.value);
     })
-  }else if (optionType.value === 'addFinance'){
+  } else if (optionType.value === 'addFinance') {
     if (Array.isArray(boxForm.value.feeVoucherUrl)) {
       boxForm.value.feeVoucherUrl = boxForm.value.feeVoucherUrl.toString();
     }
-    addTmsFinanceDetail(boxForm.value).then(res=>{
+    let filter = selectionList2.value.filter((item: any) => {
+      return !item.count
+    });
+    if (filter.length > 0) {
+      proxy.$modal.msgError("鍕鹃�夋姤浠疯垂鐢ㄨ濉啓璁¤垂鏁伴噺");
+      return;
+    }
+    boxForm.value.items = selectionList2.value;
+    addTmsFinanceDetail(boxForm.value).then(res => {
       ElMessage({
         message: "鎿嶄綔鎴愬姛锛�",
         type: 'success'
@@ -2282,7 +3114,7 @@
 const handleLogItinerary = (row: any) => {
   optionType.value = 'view';
   boxTableOption.value = itineraryTableOption.value;
-  listTmsTrip({dispatchOrderId: row.id, pageNum: 1, pageSize: 999}).then(res => {
+  listTmsTrip({ dispatchOrderId: row.id, pageNum: 1, pageSize: 999 }).then(res => {
     boxTableData.value = res.rows || [];
     pageF.open = true;
     pageF.title = '鏌ョ湅琛岀▼';
@@ -2290,28 +3122,45 @@
   })
 }
 
-const handleAddFinance = (row:any)=>{
+const handleAddFinance = async (row: any) => {
   optionType.value = 'addFinance';
   boxFormOption.value = financeOption.value;
   boxTableOption.value = financeTableOption.value;
+  const quotePlanItemRes = await listTmsQuoteItem({ quotePlanId: row.quotePlanId, pageNum: 1, pageSize: 999 });
+  let items = quotePlanItemRes.rows || [];
+  itemsTableData.value = items.map((item: any) => {
+    return {
+      rowKey: item.id,
+      feeType: item.freeName,
+      unit: item.unit,
+      price: item.price,
+      currency: item.currency,
+      count: 0,
+      sum: 0,
+    }
+  })
+
   listTmsFinanceDetail({
-    dispatchOrderId: row.id,financeType:2,
-    pageNum: 1, pageSize: 999}).then(res => {
+    dispatchOrderId: row.id, financeType: 2,
+    pageNum: 1, pageSize: 999
+  }).then(res => {
+
+
     boxTableData.value = res.rows || [];
     pageF.open = true;
     pageF.title = '璐圭敤鐧昏';
     boxForm.value = {
       dispatchOrderId: row.id,
       dataSource: 0,
-      financeType:2,
+      financeType: 2,
     }
   })
 }
 
 const handleGenerate = () => {
-  let ids = selectionList.value.map((item:any) => item.id);
+  let ids = selectionList.value.map((item: any) => item.id);
   initGenerate(ids).then(res => {
-    boxTableData.value = res.data|| [];
+    boxTableData.value = res.data || [];
     optionType.value = 'generate';
     pageF.open = true;
     pageF.title = '鐢熸垚搴旀敹搴斾粯璐圭敤鏁版嵁';
@@ -2321,7 +3170,7 @@
 
 const submitGenerate = () => {
   pageF.isUploading = true;
-  let ids = selectionList.value.map((item:any) => item.id);
+  let ids = selectionList.value.map((item: any) => item.id);
 
   generateTmsDispatchOrder(ids).then(res => {
     pageF.isUploading = false;
@@ -2331,7 +3180,7 @@
     })
     cancelBox();
     onLoad(page.value);
-  }).finally(()=>{
+  }).finally(() => {
     pageF.isUploading = false;
   })
 }
@@ -2339,7 +3188,7 @@
  * 鐢╂寕
  */
 const handleDropHook = () => {
-    title.value = '璋冨害鍗曠敥鎸�';
+  title.value = '璋冨害鍗曠敥鎸�';
   open.value = true;
   form.value = selectionList.value[0];
   optionType.value = 'dropHook';
@@ -2365,14 +3214,14 @@
       })
       cancelBox2();
       onLoad(page.value);
-    }).finally(()=>{
+    }).finally(() => {
       pageF.isUploading = false;
     })
-  }else{
-    connectHang({
-      dispatchId:form.value.id,
-      vehicleId:form.value.vehicleId,
-      driverId:form.value.driverId
+  } else if (optionType.value === 'customs') {
+    customsOrder({
+      id: form.value.id,
+      customsServiceProviderId: form.value.customsServiceProviderId,
+      customsServiceProviderName: form.value.customsServiceProviderName,
     }).then(res => {
       ElMessage({
         message: "鎻愪氦鎴愬姛锛�",
@@ -2380,7 +3229,37 @@
       })
       cancelBox2();
       onLoad(page.value);
-    }).finally(()=>{
+    }).finally(() => {
+      pageF.isUploading = false;
+    })
+  } else if (optionType.value === 'loading') {
+    loadingOrder({
+      id: form.value.id,
+      loadingServiceProviderId: form.value.loadingServiceProviderId,
+      loadingServiceProviderName: form.value.loadingServiceProviderName,
+    }).then(res => {
+      ElMessage({
+        message: "鎻愪氦鎴愬姛锛�",
+        type: 'success'
+      })
+      cancelBox2();
+      onLoad(page.value);
+    }).finally(() => {
+      pageF.isUploading = false;
+    })
+  } else {
+    connectHang({
+      dispatchId: form.value.id,
+      vehicleId: form.value.vehicleId,
+      driverId: form.value.driverId
+    }).then(res => {
+      ElMessage({
+        message: "鎻愪氦鎴愬姛锛�",
+        type: 'success'
+      })
+      cancelBox2();
+      onLoad(page.value);
+    }).finally(() => {
       pageF.isUploading = false
     })
   }
@@ -2392,13 +3271,13 @@
 }
 
 const handleAddGoods = (row: any) => {
-  listTmsGoodsDetail({dispatchId: row.id,pageSize:999,pageNum:1}).then(res=>{
-    goodsTableData.value =  res.rows || [];
+  listTmsGoodsDetail({ dispatchId: row.id, pageSize: 999, pageNum: 1 }).then(res => {
+    goodsTableData.value = res.rows || [];
     form.value = row;
     open2.value = true;
   })
 }
-const rowGoodsUpdate = (row:any,index:any,done:any, loading:any) => {
+const rowGoodsUpdate = (row: any, index: any, done: any, loading: any) => {
   updateTmsGoodsDetail(row).then(res => {
     ElMessage({
       message: "淇敼鎴愬姛锛�",
@@ -2407,14 +3286,14 @@
     handleAddGoods(form.value);
     onLoad(page.value);
     done();
-  }).catch(()=>{
+  }).catch(() => {
     loading()
   })
 }
-const rowGoodsSave = (row:any, done:any, loading:any) => {
+const rowGoodsSave = (row: any, done: any, loading: any) => {
   row.dispatchId = form.value.id;
   row.dispatchNo = form.value.dispatchNo;
-  addTmsGoodsDetail(row).then(res=>{
+  addTmsGoodsDetail(row).then(res => {
     ElMessage({
       message: "鏂板鎴愬姛锛�",
       type: 'success'
@@ -2422,12 +3301,16 @@
     handleAddGoods(form.value);
     onLoad(page.value);
     done();
-  }).catch(()=>{
+  }).catch(() => {
     loading()
   })
 }
-const rowGoodsDel = (row:any) => {
-  ElMessageBox.confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎锛�", '绯荤粺鎻愮ず', {confirmButtonText: '纭畾', cancelButtonText: '鍙栨秷', type: 'warning'}).then(() => {
+const rowGoodsDel = (row: any) => {
+  ElMessageBox.confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎锛�", '绯荤粺鎻愮ず', {
+    confirmButtonText: '纭畾',
+    cancelButtonText: '鍙栨秷',
+    type: 'warning'
+  }).then(() => {
     return delTmsGoodsDetail(row.id);
   }).then(() => {
     handleAddGoods(form.value);
@@ -2438,14 +3321,14 @@
   });
 }
 
-const handleActual = (row:any) => {
-    actualForm.value = row;
-    open3.value = true;
+const handleActual = (row: any) => {
+  actualForm.value = row;
+  open3.value = true;
 
 }
 
-const submitForm3 = ()=>{
-  updateTmsDispatchOrder(actualForm.value).then(res=>{
+const submitForm3 = () => {
+  updateTmsDispatchOrder(actualForm.value).then(res => {
     ElMessage({
       message: "鎿嶄綔鎴愬姛锛�",
       type: 'success'
@@ -2454,6 +3337,1323 @@
     onLoad(page.value)
   })
 }
+const countChange = (row: any) => {
+  row.sum = Number(row.price) * Number(row.count);
+}
+
+const selectionChange2 = (selection?: any[]) => {
+  selectionList2.value = selection;
+}
+
+const onShipperLoad = ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
+  if (value) {
+    let id = value;
+    if (Array.isArray(value)) {
+      id = value[0]
+    }
+    getTmsConsignor(id).then(res => {
+      return callback(res.data || {})
+    })
+  } else {
+    if (form.value.startRegionCode) {
+      const split = form.value.startRegionCode.split(',');
+      const [provinceId, cityId, districtId, streetId] = split;
+
+      if (provinceId) data.provinceId = provinceId;
+      if (cityId) data.cityId = cityId;
+      if (districtId) data.districtId = districtId;
+      if (streetId) data.streetId = streetId;
+    }
+    if (shipperReceiverForm.value.customerId) {
+      form.value.customerId = shipperReceiverForm.value.customerId;
+    }
+    listTmsConsignor({ pageSize: page.pageSize, pageNum: page.currentPage, ...data, customerId: form.value.customerId }).then(res => {
+      return callback({
+        total: res.total,
+        data: res.rows || [],
+      })
+    })
+  }
+}
+const onConsignorLoad = ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
+  if (value) {
+    let id = value;
+    if (Array.isArray(value)) {
+      id = value[0]
+    }
+    getTmsConsignor(id).then(res => {
+      return callback(res.data || {})
+    })
+  } else {
+    if (form.value.endRegionCode) {
+      const split = form.value.endRegionCode.split(',');
+      const [provinceId, cityId, districtId, streetId] = split;
+
+      if (provinceId) data.provinceId = provinceId;
+      if (cityId) data.cityId = cityId;
+      if (districtId) data.districtId = districtId;
+      if (streetId) data.streetId = streetId;
+    }
+    if (shipperReceiverForm.value.customerId) {
+      form.value.customerId = shipperReceiverForm.value.customerId;
+    }
+    listTmsConsignor({ pageSize: page.pageSize, pageNum: page.currentPage, ...data, customerId: form.value.customerId }).then(res => {
+      return callback({
+        total: res.total,
+        data: res.rows || [],
+      })
+    })
+  }
+}
+const changeShipper = ({ value }: any) => {
+
+  if (value) {
+    let id = value;
+    if (Array.isArray(value)) {
+      id = value[0]
+    }
+    getTmsConsignor(id).then(res => {
+      let active = res.data || {};
+      let shipperRegionCode = '';
+      if (active.provinceId) {
+        shipperRegionCode = active.provinceId;
+      }
+      if (active.cityId) {
+        shipperRegionCode = shipperRegionCode + "," + active.cityId;
+
+      }
+      if (active.districtId) {
+        shipperRegionCode = shipperRegionCode + "," + active.districtId;
+
+      }
+      if (active.streetId) {
+        shipperRegionCode = shipperRegionCode + "," + active.streetId;
+      }
+      Object.assign(form.value, {
+        shipperId: active.id,
+        shipperName: active.consignorName,
+        shipperRegionLabel: active.regionLabel,
+        shipperAddress: active.addressDetail,
+        shipperMobile: active.contactPhone,
+        shipperRegionCode: shipperRegionCode
+      });
+    })
+  }
+}
+const changeReceiver = ({ value }: any) => {
+
+  if (value) {
+    let id = value;
+    if (Array.isArray(value)) {
+      id = value[0]
+    }
+    getTmsConsignor(id).then(res => {
+      let active = res.data || {};
+      let receiverRegionCode = '';
+      if (active.provinceId) {
+        receiverRegionCode = active.provinceId;
+      }
+      if (active.cityId) {
+        receiverRegionCode = receiverRegionCode + "," + active.cityId;
+
+      }
+      if (active.districtId) {
+        receiverRegionCode = receiverRegionCode + "," + active.districtId;
+
+      }
+      if (active.streetId) {
+        receiverRegionCode = receiverRegionCode + "," + active.streetId;
+      }
+
+      Object.assign(form.value, {
+        receiverId: active.id,
+        receiverName: active.consignorName,
+        receiverRegionLabel: active.regionLabel,
+        receiverAddress: active.addressDetail,
+        receiverMobile: active.contactPhone,
+        receiverRegionCode: receiverRegionCode,
+      });
+    })
+  }
+}
+const consignorAddOption = ref({
+  labelWidth: 120,
+  group: [
+    {
+      label: '鍩虹淇℃伅',
+      prop: 'jcxx',
+      column: {
+        // consignorCode: {
+        //   label: '瑁呭嵏璐х偣缂栫爜',minWidth: 150,
+        //   addDisplay: false, disabled: true,
+        //   editDisplay: true,
+        //   viewDisplay: true,
+        //   hide: false,
+        //   search: true,
+        //   rules: [
+        //     {
+        //       required: true,
+        //       message: "瑁呭嵏璐х偣缂栫爜涓嶈兘涓虹┖", trigger: "blur"
+        //     }
+        //   ],
+        // },
+        consignorName: {
+          label: '瑁呭嵏璐х偣鍚嶇О', minWidth: 150,
+          addDisplay: true,
+          editDisplay: true,
+          viewDisplay: true,
+          hide: false,
+          search: true,
+          rules: [
+            {
+              required: true,
+              message: "瑁呭嵏璐х偣鍚嶇О涓嶈兘涓虹┖", trigger: "blur"
+            }
+          ],
+        },
+        customerName: {
+          label: '鎵�灞炲鎴�', minWidth: 150, disabled: true,
+        },
+        // customerId: {
+        //   label: '鎵�灞炲鎴�',minWidth: 150,
+        //   addDisplay: true,
+        //   editDisplay: true,suffixIcon:'search',
+        //   viewDisplay: true,
+        //   hide: true,
+        //   search: true,
+        //   rules: [
+        //     {
+        //       required: true,
+        //       message: "鎵�灞炲鎴蜂笉鑳戒负绌�", trigger: "change"
+        //     }
+        //   ],
+        //   type: 'table',
+        //   children:{
+        //     border: true,
+        //     searchMenuSpan: 5,
+        //     column:{
+        //       customerType: {
+        //         label: '瀹㈡埛绫诲瀷', minWidth: 120,
+        //         type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/customer_type',
+        //         search: true,
+        //       },
+        //       customerShortName: {
+        //         label: '瀹㈡埛绠�绉�', minWidth: 130,
+        //         search: true,
+        //       },
+        //       customerCode: {
+        //         label: '瀹㈡埛缂栧彿',minWidth: 120,
+        //         search: true,
+        //       },
+        //       contactName: {
+        //         label: '鑱旂郴浜哄鍚�',minWidth: 120,
+        //       },
+        //       signCompanyName: {
+        //         label: '绛剧害鍏徃', minWidth: 150,
+        //       },
+        //     },
+        //
+        //   },
+        //   props:{
+        //     label: 'customerShortName',
+        //     value: 'id'
+        //   },
+        //   onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback:any) => {
+        //     if (value){
+        //       let id = value;
+        //       if (Array.isArray(value)){
+        //         id = value[0]
+        //       }
+        //       getTmsCustomerInfo(id).then(res=>{
+        //         return callback(res.data||{})
+        //       })
+        //     }else{
+        //       listTmsCustomerInfo({pageSize:page.pageSize,pageNum:page.currentPage,...data}).then(res=>{
+        //         return callback({
+        //           total: res.total,
+        //           data: res.rows||[],
+        //         })
+        //       })
+        //     }
+        //
+        //   },
+        //   change: ({value}: any) => {
+        //     if(value){
+        //       getTmsCustomerInfo(value).then(res=>{
+        //         let active = res.data || {};
+        //         if (active){
+        //           console.log(dialForm.value)
+        //           form2.value.customerId = active.id
+        //           form2.value.customerSysCode = active.customerCode
+        //           form2.value.customerName = active.customerShortName
+        //         }
+        //       })
+        //     }
+        //   },
+        // },
+        // customerSysCode: {
+        //   label: '瀹㈡埛缂栫爜',minWidth: 150,
+        //   addDisplay: true,
+        //   editDisplay: true,
+        //   viewDisplay: true,
+        //   hide: false,
+        //   search: true,
+        //   disabled: true,
+        //   rules: [
+        //     {
+        //       required: true,
+        //       message: "瀹㈡埛缂栫爜涓嶈兘涓虹┖", trigger: "blur"
+        //     }
+        //   ],
+        // },
+        consignorType: {
+          label: '瑁呭嵏璐х偣绫诲瀷', minWidth: 150,
+          type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/consignor_type',
+          addDisplay: true,
+          editDisplay: true,
+          viewDisplay: true,
+          hide: false,
+          search: true,
+          rules: [
+            {
+              required: true,
+              message: "瑁呭嵏璐х偣绫诲瀷涓嶈兘涓虹┖", trigger: "change"
+            }
+          ],
+        },
+      }
+    },
+    {
+      label: '鑱旂郴浜轰俊鎭�',
+      prop: 'lxrxx',
+      column: {
+        contactName: {
+          label: '鑱旂郴浜哄鍚�', minWidth: 150,
+          addDisplay: true,
+          editDisplay: true,
+          viewDisplay: true,
+          hide: false,
+          search: true,
+          rules: [
+            {
+              required: true,
+              message: "鑱旂郴浜哄鍚嶄笉鑳戒负绌�", trigger: "blur"
+            }
+          ],
+        },
+        contactPhone: {
+          label: '鑱旂郴浜虹數璇�', minWidth: 150,
+          addDisplay: true,
+          editDisplay: true,
+          viewDisplay: true,
+          hide: true,
+          search: false,
+        },
+        contactEmail: {
+          label: '鑱旂郴浜洪偖绠�', minWidth: 150,
+          addDisplay: true,
+          editDisplay: true,
+          viewDisplay: true,
+          hide: true,
+          search: false,
+        },
+      }
+    },
+    {
+      label: '鍦板潃淇℃伅',
+      prop: 'dzxx',
+      column: {
+
+        mapLocationDetail: {
+          label: '鍦板浘浣嶇疆', minWidth: 150,
+          addDisplay: true,
+          editDisplay: true, span: 24,
+          viewDisplay: true,
+          hide: true,
+          search: false,
+          type: 'map',
+          // mapChange: async (params:any)=>{
+          //   if (params.info === "OK") {
+          //     let { province, city, district, township } = params.regeocode.addressComponent || {};
+          //     const res = await getAddressCode({province, city, district, township});
+          //     const {provinceCode, cityCode, districtCode, townshipCode} = res.data || {};
+          //     form2.value.regionLabel = province + " / " + city + " / " + district + " / " + township;
+          //     //form2.value.region = [provinceCode, cityCode, districtCode, townshipCode];
+          //     form2.value.provinceId = provinceCode;
+          //     form2.value.cityId = cityCode;
+          //     form2.value.districtId = districtCode;
+          //     form2.value.streetId = townshipCode;
+          //     form2.value.dispatchTransportArea = params.regeocode.formattedAddress;
+          //     console.log(form2.value,"form2")
+          //   }
+          // },
+          change: async ({ value }: any) => {
+            if (Array.isArray(value) && value.length === 3) {
+              mapRegeo(value[1], value[0]).then(async res => {
+                let params = res.data || {};
+                if (params.info === "OK") {
+                  let { province, city, district, township } = params.regeocode.addressComponent || {};
+                  const res = await getAddressCode({ province, city, district, township });
+                  const { provinceCode, cityCode, districtCode, townshipCode } = res.data || {};
+                  form2.value.regionLabel = province + " / " + city + " / " + district + " / " + township;
+                  form2.value.provinceId = provinceCode;
+                  form2.value.cityId = cityCode;
+                  form2.value.districtId = districtCode;
+                  form2.value.streetId = townshipCode;
+                  form2.value.dispatchTransportArea = params.regeocode.formatted_address || params.regeocode.formattedAddress;
+                  console.log(form2.value, "form2")
+                }
+              });
+            }
+          },
+        },
+        // dispatchTransportArea: {
+        //   label: '璋冨害鍗曡繍杈撳湴',
+        //   addDisplay: true,minWidth: 150,
+        //   editDisplay: true,
+        //   viewDisplay: true,
+        //   hide: false,
+        //   search: true,
+        //   rules: [
+        //     {
+        //       required: true,
+        //       message: "璋冨害鍗曡繍杈撳湴涓嶈兘涓虹┖", trigger: "blur"
+        //     }
+        //   ],
+        // },
+        electronicFenceRange: {
+          label: '鐢靛瓙鍥存爮鑼冨洿',
+          addDisplay: true, minWidth: 150,
+          editDisplay: true,
+          viewDisplay: true, append: '绫�',
+          hide: false,
+          search: true,
+          rules: [
+            {
+              required: true,
+              message: "鐢靛瓙鍥存爮鑼冨洿涓嶈兘涓虹┖", trigger: "blur"
+            }
+          ],
+        },
+      }
+    },
+    {
+      label: '鍏朵粬淇℃伅',
+      prop: 'qtyxx',
+      column: {
+        remark: {
+          label: '澶囨敞', minWidth: 150,
+          type: 'textarea', minRows: 3, maxRows: 5,
+          addDisplay: true,
+          editDisplay: true, span: 24,
+          viewDisplay: true,
+          hide: true,
+          search: false,
+        },
+      }
+    }
+  ],
+})
+const form2 = ref<any>({});
+const dialForm = ref();
+
+const handleAddShipper = () => {
+  if (!form.value.customerId) {
+    return ElMessage.error('璇峰厛閫夋嫨杩愯緭璺嚎');
+  }
+  form2.value = {
+    customerId: form.value.customerId,
+    customerSysCode: form.value.customerCode,
+    customerName: form.value.customerName,
+  };
+  dialForm.value = $DialogForm(appContext)({
+    title: '鏂板瑁呰揣鍦�',
+    data: form2.value,
+    width: '80%',
+    option: consignorAddOption.value,
+    menuPosition: 'right',
+    callback: (res: any,) => {
+      let data1 = res.data;
+      if (data1.mapLocationDetail) {
+        data1.mapLocation = data1.mapLocationDetail[0] + ',' + data1.mapLocationDetail[1];
+        data1.addressDetail = data1.mapLocationDetail[2]
+      }
+      addTmsConsignor({ ...form2.value, ...data1 }).then(res2 => {
+        let active = res2.data || {};
+        if (active) {
+          let shipperRegionCode = '';
+          if (active.provinceId) {
+            shipperRegionCode = active.provinceId;
+          }
+          if (active.cityId) {
+            shipperRegionCode = shipperRegionCode + "," + active.cityId;
+
+          }
+          if (active.districtId) {
+            shipperRegionCode = shipperRegionCode + "," + active.districtId;
+
+          }
+          if (active.streetId) {
+            shipperRegionCode = shipperRegionCode + "," + active.streetId;
+          }
+          Object.assign(form.value, {
+            shipperId: active.id,
+            shipperName: active.consignorName,
+            shipperRegionLabel: active.regionLabel,
+            shipperAddress: active.addressDetail,
+            shipperMobile: active.contactPhone,
+            shipperRegionCode: shipperRegionCode
+          });
+        }
+        dialForm.value.close();
+        res.done();
+      }).catch(err => {
+        res.done();
+      })
+    },
+  })
+}
+
+const handleAddReceiver = () => {
+  if (!form.value.customerId) {
+    return ElMessage.error('璇峰厛閫夋嫨杩愯緭璺嚎');
+  }
+  form2.value = {
+    customerId: form.value.customerId,
+    customerSysCode: form.value.customerCode,
+    customerName: form.value.customerName,
+  };
+  dialForm.value = $DialogForm(appContext)({
+    title: '鏂板鍗歌揣鍦�',
+    data: form2.value,
+    width: '80%',
+    option: consignorAddOption.value,
+    menuPosition: 'right',
+    callback: (res: any,) => {
+      let data1 = res.data;
+      if (data1.mapLocationDetail) {
+        data1.mapLocation = data1.mapLocationDetail[0] + ',' + data1.mapLocationDetail[1];
+        data1.addressDetail = data1.mapLocationDetail[2]
+      }
+      addTmsConsignor({ ...form2.value, ...data1 }).then(res2 => {
+        let active = res2.data || {};
+        if (active) {
+          let receiverRegionCode = '';
+          if (active.provinceId) {
+            receiverRegionCode = active.provinceId;
+          }
+          if (active.cityId) {
+            receiverRegionCode = receiverRegionCode + "," + active.cityId;
+
+          }
+          if (active.districtId) {
+            receiverRegionCode = receiverRegionCode + "," + active.districtId;
+
+          }
+          if (active.streetId) {
+            receiverRegionCode = receiverRegionCode + "," + active.streetId;
+          }
+
+          Object.assign(form.value, {
+            receiverId: active.id,
+            receiverName: active.consignorName,
+            receiverRegionLabel: active.regionLabel,
+            receiverAddress: active.addressDetail,
+            receiverMobile: active.contactPhone,
+            receiverRegionCode: receiverRegionCode,
+          });
+        }
+        dialForm.value.close();
+        res.done();
+      }).catch(err => {
+        res.done();
+      })
+    },
+  })
+}
+
+const handleCustoms = () => {
+  title.value = '琛ュ厖濮旀墭鎶ュ叧淇℃伅';
+  open.value = true;
+  form.value = selectionList.value[0];
+  optionType.value = 'customs';
+  boxFormOption.value = customsOption.value;
+
+}
+
+const handleCustomsAdd = (selectionList) => {
+  title.value = '琛ュ厖濮旀墭瑁呭嵏淇℃伅';
+  open.value = true;
+  form.value = selectionList;
+  optionType.value = 'loading';
+  boxFormOption.value = loadingOption.value;
+}
+const handleLoading = () => {
+  title.value = '琛ュ厖濮旀墭瑁呭嵏淇℃伅';
+  open.value = true;
+  form.value = selectionList.value[0];
+  optionType.value = 'loading';
+  boxFormOption.value = loadingOption.value;
+}
+const handleLoadingAdd = (selectionList) => {
+  title.value = '琛ュ厖濮旀墭瑁呭嵏淇℃伅';
+  open.value = true;
+  form.value = selectionList;
+  optionType.value = 'loading';
+  boxFormOption.value = loadingOption.value;
+}
+const quotationItems = ref();
+const getQuotationItems = async () => {
+  let res = await getDicts("sys_quotation_items");
+  quotationItems.value = res.data || [];
+}
+getQuotationItems();
+
+const getTabData = (val: string) => {
+  console.log(val)
+  let filter = quotationItems.value.filter((item: any) => {
+    return item.remark == val;
+  });
+  if (filter.length > 0) {
+    zzItemsTableData.value = filter.map((item: any) => {
+      return { rowKey: randomId(), freeName: item.dictLabel, free: item.dictValue, unit: '娆�' }
+    })
+  } else {
+    zzItemsTableData.value = []
+  }
+}
+
+const getTab4Data = () => {
+  listTmsFinanceDetail({
+    dispatchOrderId: form.value.id, financeType: 2,
+    pageNum: 1, pageSize: 999
+  }).then(async res => {
+
+    boxTableData.value = res.rows || [];
+
+    boxForm.value = {
+      dispatchOrderId: form.value.id,
+      dataSource: 0,
+      financeType: 2,
+    }
+  })
+}
 
 
-</script>
\ No newline at end of file
+
+const submitTabForm = () => {
+  if (['tab1', 'tab2', 'tab3'].includes(active.value)) {
+    let quoteFeeItems = zzItemsTableData.value.filter((item: any) => {
+      return item.count && item.count > 0;
+    })
+    pushTmsQuoteFee({ ...form.value, quoteFeeItems: quoteFeeItems }).then(res => {
+      ElMessage.success('淇濆瓨鎴愬姛');
+      open4.value = false;
+    })
+  } else if (active.value === 'tab4') {
+    // if (Array.isArray(boxForm.value.feeVoucherUrl)) {
+    //   boxForm.value.feeVoucherUrl = boxForm.value.feeVoucherUrl.toString();
+    // }
+    //boxForm.value.rowItems = boxTableData.value;
+    // console.log(tmsFinanceDetails.value);
+    // console.log(boxForm.value);
+    // 1. 鎻愬彇濉啓浜嗛噾棰濈殑鏁版嵁锛堥噾棰濆ぇ浜�0锛�
+    const validDetails = tmsFinanceDetails.value.filter(item => item.actualFeeAmount && item.actualFeeAmount > 0);
+
+    if (validDetails.length === 0) {
+      ElMessage.warning('璇疯嚦灏戝~鍐欎竴椤硅垂鐢ㄩ噾棰�');
+      return;
+    }
+
+    // 2. 鏍¢獙锛氬~鍐欎簡閲戦鐨勬槸鍚﹂兘閫変簡甯佸埗
+    const incomplete = validDetails.find(item => !item.currency);
+    if (incomplete) {
+      ElMessage.error(`璐圭敤绫诲瀷銆�${incomplete.feeTypeName}銆戝凡濉啓閲戦锛岃閫夋嫨甯佸埗锛乣);
+      return; // 鎷︽埅鎻愪氦
+    }
+
+    // 3. 澶勭悊鍑瘉 URL (濡傛灉鏈夊崟寮犳垨澶氬紶涓婁紶鐨勯�昏緫)
+    // 鍋囪鍚庣闇�瑕佺殑鏄�楀彿鍒嗛殧鐨勫瓧绗︿覆
+    const submitData = validDetails.map(item => {
+      let url = item.voucherUrl;
+      if (Array.isArray(url)) {
+        url = url.join(',');
+      }
+      return { ...item, voucherUrl: url };
+    });
+
+
+    saveTmsFinanceDetail2(submitData).then(res => {
+      ElMessage({
+        message: "鎿嶄綔鎴愬姛锛�",
+        type: 'success'
+      })
+      open4.value = false;
+      onLoad(page.value)
+      boxFormRef.value?.resetFields();
+      getTab4Data();
+    })
+    // saveTmsFinanceDetail(boxForm.value).then(res => {
+    //   ElMessage({
+    //     message: "鎿嶄綔鎴愬姛锛�",
+    //     type: 'success'
+    //   })
+    //   boxFormRef.value?.resetFields();
+    //   getTab4Data();
+    // })
+  }
+}
+
+
+
+const handleChange = (column: any) => {
+  active.value = column.prop;
+  if (['tab1', 'tab2', 'tab3'].includes(column.prop)) {
+    getTabData(column.value)
+  } else if (column.prop === 'tab4') {
+    getTab4Data()
+  }
+}
+
+const handleZZ = () => {
+  open4.value = true;
+  form.value = selectionList.value[0];
+  handleChange(tabsOption.value.column[0]);
+
+  boxFormOption.value = financeOption.value;
+  boxTableOption.value = financeTableOption.value;
+  nextTick(() => {
+    tabsOptionRef.value.active = "0";
+
+  })
+}
+
+const handleClose = (row: any) => {
+
+  if (row.status == 2) {
+    checkCloseOrder(row.id).then(res => {
+      open5.value = true;
+      form.value = row;
+      boxFormOption.value = closeOption.value;
+    });
+  } else {
+    open5.value = true;
+    form.value = row;
+    boxFormOption.value = closeOption.value;
+
+  }
+}
+const submitForm5 = () => {
+  boxFormRef.value.validate((valid: boolean, done: any) => {
+    console.log(valid)
+    if (valid) {
+      boxForm.value.id = form.value.id;
+      closeOrder(boxForm.value).then(res => {
+        ElMessage.success('鎿嶄綔鎴愬姛');
+        open5.value = false;
+        done();
+        onLoad(page.value)
+      }).catch(err => {
+        done();
+      })
+    }
+  })
+}
+const printOption = ref({
+  menuBtn: false,
+  labelWidth: 120,
+  column: {
+    sixLinkNo: {
+      label: '鍏仈鍗曞彿',
+    },
+    portName: {
+      label: '琛岄┒鍙e哺',
+      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_port',
+    },
+    billNo: {
+      label: '鎻愬崟鍙稴/O',
+    },
+    terminalName: {
+      label: '鐮佸ご鍚�',
+    },
+    cargoName: {
+      label: '璐х墿鍚�',
+    },
+    pieceCount: {
+      label: '浠舵暟',
+    },
+    weight: {
+      label: '閲嶉噺',
+    },
+    contactName: {
+      label: '瀹㈡埛鑱旂粶浜�',
+    },
+    contactPhone: {
+      label: '鑱旂粶浜烘墜鏈哄彿',
+    }
+  }
+})
+const print = ref(0)
+const handlePrint = () => {
+  form.value = selectionList.value[0];
+  boxFormOption.value = printOption.value;
+  boxForm.value = form.value
+
+  getTmsDriver(boxForm.value.mainDriverId).then(res => {
+    open6.value = true;
+    const driver = res.data || {};
+    boxForm.value.mainDriverMobile = driver.mobile;
+    print.value = 0
+  })
+
+}
+
+const submitForm6 = () => {
+  print.value = 1;
+  printDispatchOrder(boxForm.value).then(res => {
+    $Print('#print');
+    onLoad(page.value)
+  })
+
+
+}
+const upload = reactive({
+  // 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛�
+  open: false,
+  // 鏄惁绂佺敤涓婁紶
+  isUploading: false,
+  // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
+  updateSupport: 0,
+  // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+  headers: { Authorization: "Bearer " + getToken() },
+  // 涓婁紶鐨勫湴鍧�
+  url: import.meta.env.VITE_APP_BASE_API + "/tms/tmsDispatchOrder/importData"
+});
+
+
+const uploadRef = ref();
+
+function handleImport() {
+  upload.open = true;
+}
+
+
+/** 涓嬭浇妯℃澘鎿嶄綔 */
+function importTemplate() {
+  importTemplateTmsDispatchOrder();
+
+}
+const handleFileUploadProgress = (event: any, file: any) => {
+  upload.isUploading = true;
+};
+/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
+const handleFileSuccess = (response: any, file: any) => {
+  upload.open = false;
+  upload.isUploading = false;
+  uploadRef.value!.clearFiles();
+  proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true });
+  onLoad(page.value);
+};
+/** 鎻愪氦涓婁紶鏂囦欢 */
+function submitFileForm() {
+  uploadRef.value!.submit();
+}
+const shipperReceiverForm = ref<any>({});
+const shipperReceiverFormRef = ref();
+const shipperReceiverFormOption = ref({
+  menuBtn: false, labelWidth: 140,
+  column: {
+    dispatchNos: {
+      label: '璋冨害鍗曞彿', span: 24,
+      rules: [
+        {
+          required: true,
+          message: "璋冨害鍗曞彿涓嶈兘涓虹┖", trigger: "change"
+        }
+      ],
+    },
+    shipperId: {
+      label: '瑁呰揣鐐�', dataType: 'string', disabled: false,
+      display: true,
+      rules: [
+        {
+          required: true,
+          message: "瑁呰揣鐐逛笉鑳戒负绌�", trigger: "change"
+        }
+      ],
+
+    },
+    shipperRegionLabel: {
+      label: '瑁呰揣鐐硅鏀垮尯鍩�',
+      display: true, disabled: true
+
+    },
+    shipperAddress: {
+      label: '瑁呰揣鐐硅缁嗗湴鍧�',
+      display: true, disabled: true
+    },
+    shipperMobile: {
+      label: '瑁呰揣鐐硅仈绯绘柟寮�',
+      display: true, disabled: true
+    },
+    receiverId: {
+      label: '鍗歌揣鐐�',
+      display: true, dataType: 'string', disabled: false,
+      rules: [
+        {
+          required: true,
+          message: "鍗歌揣鐐逛笉鑳戒负绌�", trigger: "change"
+        }
+      ],
+    },
+    receiverRegionLabel: {
+      label: '鍗歌揣鐐硅鏀垮尯鍩�',
+      display: true, disabled: true
+    },
+    receiverAddress: {
+      label: '鍗歌揣鐐硅缁嗗湴鍧�',
+      display: true, disabled: true
+    },
+    receiverMobile: {
+      label: '鍗歌揣鐐硅仈绯绘柟寮�',
+      display: true, disabled: true
+    },
+  }
+});
+
+const changeShipper2 = ({ value }: any) => {
+
+  if (value) {
+    let id = value;
+    if (Array.isArray(value)) {
+      id = value[0]
+    }
+    getTmsConsignor(id).then(res => {
+      let active = res.data || {};
+      let shipperRegionCode = '';
+      if (active.provinceId) {
+        shipperRegionCode = active.provinceId;
+      }
+      if (active.cityId) {
+        shipperRegionCode = shipperRegionCode + "," + active.cityId;
+
+      }
+      if (active.districtId) {
+        shipperRegionCode = shipperRegionCode + "," + active.districtId;
+
+      }
+      if (active.streetId) {
+        shipperRegionCode = shipperRegionCode + "," + active.streetId;
+      }
+      Object.assign(shipperReceiverForm.value, {
+        shipperId: active.id,
+        shipperName: active.consignorName,
+        shipperRegionLabel: active.regionLabel,
+        shipperAddress: active.addressDetail,
+        shipperMobile: active.contactPhone,
+        shipperRegionCode: shipperRegionCode
+      });
+    })
+  }
+}
+const changeReceiver2 = ({ value }: any) => {
+
+  if (value) {
+    let id = value;
+    if (Array.isArray(value)) {
+      id = value[0]
+    }
+    getTmsConsignor(id).then(res => {
+      let active = res.data || {};
+      let receiverRegionCode = '';
+      if (active.provinceId) {
+        receiverRegionCode = active.provinceId;
+      }
+      if (active.cityId) {
+        receiverRegionCode = receiverRegionCode + "," + active.cityId;
+
+      }
+      if (active.districtId) {
+        receiverRegionCode = receiverRegionCode + "," + active.districtId;
+
+      }
+      if (active.streetId) {
+        receiverRegionCode = receiverRegionCode + "," + active.streetId;
+      }
+
+      Object.assign(shipperReceiverForm.value, {
+        receiverId: active.id,
+        receiverName: active.consignorName,
+        receiverRegionLabel: active.regionLabel,
+        receiverAddress: active.addressDetail,
+        receiverMobile: active.contactPhone,
+        receiverRegionCode: receiverRegionCode,
+      });
+    })
+  }
+}
+
+const hasDifferentCustomer = (() => {
+  const customerSet = new Set(
+    selectionList.value.map((item: any) => item.customerId)
+  );
+  return customerSet.size > 1;
+})();
+const handleZXHDJ = () => {
+  if (hasDifferentCustomer) {
+    ElMessage.error('鍗曟鎿嶄綔鍙兘鎿嶄綔涓�涓鎴风殑鏁版嵁');
+    return;
+  }
+  let filter = selectionList.value.filter((item: any) => !item.shipperId);
+  let filter2 = selectionList.value.filter((item: any) => !item.receiverId);
+  let zLen = filter.length || 0;
+  let xLen = filter2.length || 0;
+  if (zLen == 0 && xLen == 0) {
+    ElMessage.error('閫夋嫨鐨勬暟鎹凡瀹屾垚瀵硅鍗歌揣鐐圭櫥璁�');
+    return;
+  }
+  if (zLen > 0 && xLen > 0) {
+    if (zLen > xLen) {
+      ElMessage.error('閫夋嫨鐨勬暟鎹凡濉啓鍗歌揣鐐规暟鎹紝璇峰崟鐙紪杈�');
+      return;
+    }
+    if (zLen < xLen) {
+      ElMessage.error('閫夋嫨鐨勬暟鎹凡濉啓瑁呰揣鐐规暟鎹紝璇峰崟鐙紪杈�');
+      return;
+    }
+  }
+  let item: any = selectionList.value[0];
+  shipperReceiverForm.value.customerId = item?.customerId
+  shipperReceiverForm.value.customerCode = item?.customerCode
+  shipperReceiverForm.value.customerName = item?.customerName;
+  shipperReceiverForm.value.dispatchNos = selectionList.value.map((item: any) => item.dispatchNo) || [];
+
+  shipperReceiverFormOption.value.column.shipperId.disabled = zLen == 0;
+  shipperReceiverFormOption.value.column.shipperId.rules[0].required = zLen != 0;
+  shipperReceiverFormOption.value.column.receiverId.disabled = xLen == 0;
+  shipperReceiverFormOption.value.column.receiverId.rules[0].required = xLen != 0;
+
+
+  open7.value = true;
+}
+
+const handleAddShipper2 = () => {
+
+  form2.value = {
+    customerId: shipperReceiverForm.value.customerId,
+    customerSysCode: shipperReceiverForm.value.customerCode,
+    customerName: shipperReceiverForm.value.customerName,
+  };
+  dialForm.value = $DialogForm(appContext)({
+    title: '鏂板瑁呰揣鍦�',
+    data: form2.value,
+    width: '80%',
+    option: consignorAddOption.value,
+    menuPosition: 'right',
+    callback: (res: any,) => {
+      let data1 = res.data;
+      if (data1.mapLocationDetail) {
+        data1.mapLocation = data1.mapLocationDetail[0] + ',' + data1.mapLocationDetail[1];
+        data1.addressDetail = data1.mapLocationDetail[2]
+      }
+      addTmsConsignor({ ...form2.value, ...data1 }).then(res2 => {
+        let active = res2.data || {};
+        if (active) {
+          let shipperRegionCode = '';
+          if (active.provinceId) {
+            shipperRegionCode = active.provinceId;
+          }
+          if (active.cityId) {
+            shipperRegionCode = shipperRegionCode + "," + active.cityId;
+
+          }
+          if (active.districtId) {
+            shipperRegionCode = shipperRegionCode + "," + active.districtId;
+
+          }
+          if (active.streetId) {
+            shipperRegionCode = shipperRegionCode + "," + active.streetId;
+          }
+          Object.assign(shipperReceiverForm.value, {
+            shipperId: active.id,
+            shipperName: active.consignorName,
+            shipperRegionLabel: active.regionLabel,
+            shipperAddress: active.addressDetail,
+            shipperMobile: active.contactPhone,
+            shipperRegionCode: shipperRegionCode
+          });
+        }
+        dialForm.value.close();
+        res.done();
+      }).catch(err => {
+        res.done();
+      })
+    },
+  })
+}
+
+const handleAddReceiver2 = () => {
+  if (!form.value.customerId) {
+    return ElMessage.error('璇峰厛閫夋嫨杩愯緭璺嚎');
+  }
+  form2.value = {
+    customerId: shipperReceiverForm.value.customerId,
+    customerSysCode: shipperReceiverForm.value.customerCode,
+    customerName: shipperReceiverForm.value.customerName,
+  };
+  dialForm.value = $DialogForm(appContext)({
+    title: '鏂板鍗歌揣鍦�',
+    data: form2.value,
+    width: '80%',
+    option: consignorAddOption.value,
+    menuPosition: 'right',
+    callback: (res: any,) => {
+      let data1 = res.data;
+      if (data1.mapLocationDetail) {
+        data1.mapLocation = data1.mapLocationDetail[0] + ',' + data1.mapLocationDetail[1];
+        data1.addressDetail = data1.mapLocationDetail[2]
+      }
+      addTmsConsignor({ ...form2.value, ...data1 }).then(res2 => {
+        let active = res2.data || {};
+        if (active) {
+          let receiverRegionCode = '';
+          if (active.provinceId) {
+            receiverRegionCode = active.provinceId;
+          }
+          if (active.cityId) {
+            receiverRegionCode = receiverRegionCode + "," + active.cityId;
+
+          }
+          if (active.districtId) {
+            receiverRegionCode = receiverRegionCode + "," + active.districtId;
+
+          }
+          if (active.streetId) {
+            receiverRegionCode = receiverRegionCode + "," + active.streetId;
+          }
+
+          Object.assign(shipperReceiverForm.value, {
+            receiverId: active.id,
+            receiverName: active.consignorName,
+            receiverRegionLabel: active.regionLabel,
+            receiverAddress: active.addressDetail,
+            receiverMobile: active.contactPhone,
+            receiverRegionCode: receiverRegionCode,
+          });
+        }
+        dialForm.value.close();
+        res.done();
+      }).catch(err => {
+        res.done();
+      })
+    },
+  })
+}
+
+const handleCloseDispatchNo = (tag: string) => {
+  let indexOf = shipperReceiverForm.value.dispatchNos.indexOf(tag);
+  shipperReceiverForm.value.dispatchNos.splice(indexOf, 1);
+}
+
+const submitZxForm = () => {
+  shipperReceiverFormRef.value.validate((valid: boolean, done: any) => {
+    if (valid) {
+      ypdddjSumbit(shipperReceiverForm.value).then(res => {
+        ElMessage.success('鐧昏鎴愬姛');
+        open7.value = false;
+        onLoad(page.value);
+
+        done();
+      }).catch(err => {
+        done();
+      })
+    }
+  })
+}
+const importLogVisible = ref(false);
+const importLogLoading = ref(false);
+const importLogData = ref([]);
+
+// 寮圭獥琛ㄦ牸閰嶇疆
+const importLogOption = {
+  header: false,
+  addBtn: false,
+  menu: false, // 浠呭睍绀猴紝涓嶉渶瑕佹搷浣滃垪
+  column: [
+    { label: '瀵煎叆鏃堕棿', prop: 'importTime', type: 'datetime', format: 'YYYY-MM-DD HH:mm:ss' },
+    { label: '瀵煎叆鏂囦欢鍚嶇О', prop: 'fileName' },
+    { label: '鎿嶄綔浜�', prop: 'operator' },
+    { label: '鎴愬姛琛屾暟', prop: 'successCount' },
+    { label: '澶辫触琛屾暟', prop: 'failureCount' },
+    { label: '澶辫触璇存槑', prop: 'failureDescription', overHidden: true }
+  ]
+};
+
+// 鎵撳紑鏃ュ織寮圭獥
+const handleImportLog = () => {
+  importLogVisible.value = true;
+};
+
+// 鑾峰彇鏃ュ織鍒楄〃鏁版嵁锛堥渶鏍规嵁瀹為檯 API 璋冩暣锛�
+const getImportLogList = () => {
+  importLogData.value = []
+  // 鍋囪鏈変竴涓� getLogApi 鐨勬帴鍙�
+  tmsTmsDispatchOrderImportLog().then(res => {
+    if (res.code == 200) {
+      importLogLoading.value = true;
+      importLogData.value = res.data;
+      importLogLoading.value = false;
+    }
+  });
+
+};
+// 1. 瀹氫箟鍞竴鐨勫彉閲忓悕
+const tmsFinanceDetails = ref([]); // 鏁版嵁婧�
+const expenditureTableOption = ref({
+  addBtn: false,
+  menu: false,
+  header: false,
+  border: true,
+  index: false,
+  selection: false,
+  column: [
+    {
+      label: '璐圭敤绫诲瀷',
+      prop: 'feeTypeName',
+      width: 150
+    },
+    {
+      label: '璐圭敤閲戦',
+      prop: 'actualFeeAmount',
+      slot: true,
+      width: 150
+    },
+    {
+      label: '甯佸埗',
+      prop: 'currency',
+      slot: true,
+      width: 200
+    },
+    {
+
+      label: '璐圭敤鍑瘉',
+      display: true,
+      span: 24,
+      accept: 'string', dataType: 'object',
+      type: 'upload',
+      // action: '/common/upload2',
+
+      prop: 'voucherUrl', // 杩欓噷鏀规垚 prop 灞炴��
+      slot: true,        // 寮�鍚彃妲�
+      width: 200
+    },
+    {
+      label: '澶囨敞',
+      prop: 'remark',
+      slot: true
+    }
+  ]
+});
+// 3. 鍥炴樉鍒濆鍖�
+const initExpenditureData = () => {
+  if (fee_type.value && fee_type.value.length > 0 && tmsFinanceDetails.value.length === 0) {
+    tmsFinanceDetails.value = fee_type.value.map(item => ({
+      feeType: item.value,
+      feeTypeName: item.label,
+      feeAmount: undefined,
+      currency: '',
+      voucherUrl: '',
+      remark: ''
+    }));
+  }
+};
+// 4. 鐩戝惉鍒囨崲
+watch(() => active.value, (val) => {
+  if (val === 'tab4') {
+    initExpenditureData();
+  }
+});
+const handleUploadAfter = (res, done, loading, column, row) => {
+  // res 鏄帴鍙h繑鍥炵殑瀹屾暣鏁版嵁
+  if (res && res.url) {
+    // 鎵嬪姩缁欒繖涓�琛岀殑鏁版嵁璧嬪��
+    row.voucherUrl = res.url;
+    console.log('涓婁紶鎴愬姛锛屽綋鍓嶈鏁版嵁锛�', row);
+  } else if (res.data && res.data.url) {
+    // 濡傛灉杩斿洖鐨勬暟鎹寘瑁瑰湪 data 閲�
+    row.voucherUrl = res.data.url;
+  }
+  done(); // 蹇呴』璋冪敤 done 缁撴潫涓婁紶鐘舵��
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .cydprint .el-dialog__body {
+  overflow: hidden;
+  //padding: 0;
+  margin: 0;
+}
+
+#print {
+  .title {
+    text-align: center;
+    font-size: 14pt;
+    color: #000;
+    line-height: 23pt;
+    font-weight: bold;
+    margin: 0;
+  }
+
+  .header {
+    position: relative;
+
+    .order {
+      font-size: 12pt;
+      color: #000;
+      line-height: 23pt;
+    }
+
+    .sub-title {
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      top: 0;
+      font-size: 12pt;
+      color: #000;
+      line-height: 23pt;
+      text-decoration: underline;
+    }
+
+  }
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    /* 鍚堝苟杈规 */
+    font-size: 12px;
+    table-layout: fixed;
+    /* 鍏抽敭鐐� */
+  }
+
+  table,
+  td {
+    border: 1px solid #000;
+
+  }
+
+  td {
+    padding: 4px;
+    vertical-align: middle;
+    width: 50%;
+    /* 寮哄埗绛夊 */
+    word-break: break-all;
+  }
+}
+
+.dispatchNos {
+  //border: 1px solid #ebeef5;
+  border-radius: 4px;
+  min-height: 73px;
+  padding: 1px 11px;
+  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0