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 | 2287 ++++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 1,954 insertions(+), 333 deletions(-)

diff --git a/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue b/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue
index 24c338f..9f0dccb 100644
--- a/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue
+++ b/ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue
@@ -1,25 +1,10 @@
 <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"-->
@@ -36,135 +21,195 @@
         <!--            v-hasPermi="['tms:tmsDispatchOrder:remove']"-->
         <!--        >鍒犻櫎-->
         <!--        </el-button>-->
-        <el-button
-            type="warning"
-            plain
-            icon="Download"
-            @click="handleExport"
-            v-hasPermi="['tms:tmsDispatchOrder:export']"
-        >瀵煎嚭
+        <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>
 
-      </template>
-      <template #menu-before="{row}">
-        <el-link size="small" type="primary" @click="handleAddGoods(row)" class="link-btn"
-                 v-hasPermi="['tms:tmsGoodsDetail:add']"
-                 :underline="false" icon="el-icon-document-add">杩愯緭璐у搧鐧昏
-        </el-link>
-        <el-link size="small" type="primary" @click="handleActual(row)" class="link-btn"
-                 v-hasPermi="['tms:tmsDispatchOrder:update']"
-                 :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"
-                 v-hasPermi="['tms:tmsDispatchOrder:confirmOrder']"
-                 :underline="false" icon="el-icon-pointer">纭畾
-        </el-link>
-        <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-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-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-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-link size="small" type="primary" v-if="[2,3].includes(row.status)" @click="handleAddFinance(row)"
-                 class="link-btn" v-hasPermi="['tms:tmsFinanceDetail:add']"
-                 :underline="false" icon="el-icon-edit-pen">璐圭敤鐧昏
-        </el-link>
-      </template>
-      <template #menu="{row}">
-        <el-link size="small" type="primary" @click="handleLog(row)" class="link-btn" :underline="false"
-                 icon="el-icon-tickets">鏃ュ織
-        </el-link>
+        <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 #shipperId-form>
+      <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 #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"
-                            :children="consignorOption"
-                            :on-load="onShipperLoad" suffixIcon="search"
-                            v-model="form.shipperId" style="width: 80%"
-                            @change="changeShipper"
-                            placeholder="璇烽�夋嫨瑁呰揣鐐�"></avue-input-table>
-          <el-button icon="plus" @click="handleAddShipper"></el-button>
+          <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>
+      <template #receiverId-form="{ disabled }">
         <div style="display:flex; align-items: center;justify-content: space-between">
-          <avue-input-table :props="consignorProps"
-                            :children="consignorOption"
-                            :on-load="onConsignorLoad" suffixIcon="search"
-                            v-model="form.receiverId"
-                            @change="changeReceiver" style="width: 80%"
-                            placeholder="璇烽�夋嫨鍗歌揣鐐�"></avue-input-table>
-          <el-button icon="plus" @click="handleAddReceiver"></el-button>
+          <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%">
       <h2 v-if="optionType == 'addFinance'">鎶ヤ环璐圭敤</h2>
-      <avue-crud v-if="optionType == 'addFinance'"
-                 :option="itemsTableOption"
-                 :data="itemsTableData"
-                 @selection-change="selectionChange2"
-      >
-        <template #count="{row}">
+      <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>
+            min="0"></el-input-number>
         </template>
       </avue-crud>
-      <h2 v-if="optionType == 'addFinance'">瀹炴姤瀹為攢璐圭敤</h2>
+      <h2 v-if="optionType == 'addFinance'">瀹炴姤瀹為攢璐圭敤1</h2>
       <avue-form v-if="optionType == 'addItinerary' || optionType == 'addFinance'" v-model="boxForm" ref="boxFormRef"
-                 :option="boxFormOption">
+        :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">
+            :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>
@@ -174,13 +219,10 @@
 
     <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.$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>
@@ -188,14 +230,35 @@
         </el-descriptions>
       </div>
       <div v-if="optionType == 'connectHang'">
-        <el-descriptions style="margin-bottom: 20px"
-                         :column="2"
-                         border
-        >
+        <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.$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">
 
@@ -203,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>
@@ -213,14 +276,8 @@
 
 
     <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">-->
@@ -233,9 +290,7 @@
     </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>
@@ -249,6 +304,260 @@
     </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>
 
@@ -261,37 +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, getCurrentInstance} 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} 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 {getTransportRouteVi, listTransportRouteVi} from "@/api/tms/tmsTransportRouteVi";
-import {listTmsQuoteItem} from "@/api/tms/tmsQuotePlanItem";
-import {$DialogForm} from '@smallwei/avue'
-import {getTmsCustomerInfo, listTmsCustomerInfo} from "@/api/tms/tmsCustomerInfo";
-import {getAddressCode} from "@/api/tms/tmsRegion";
-import {mapRegeo} from "@/api/common";
+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 {appContext} = getCurrentInstance();
+const { appContext } = getCurrentInstance();
 
-const {proxy} = useCurrentInstance();
+const { proxy } = useCurrentInstance(
+);
+const { fee_type, sys_currency } = proxy.useDict('fee_type', 'sys_currency')
 const crudRef = ref();
 const boxFormRef = ref();
 const goodsCrudRef = ref();
@@ -333,20 +667,35 @@
   goodsForm: <any>{},
   open3: false,
   actualForm: <any>{},
+  isCustoms: <any>-1,
+  isLoad: -1,
+  open5: false,
+  open6: false,
+  open7: false,
+  zxhdjSingle: false,
 })
 const {
   queryParams, form, page, selectionList, open3,
   boxTableData, optionType,
   boxFormOption, boxForm, boxTableOption, title, open, open2,
-  goodsTableData, goodsForm, actualForm, selectionList2
+  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: '鍩烘湰淇℃伅',
@@ -362,7 +711,7 @@
               message: "璇烽�夋嫨杩愯緭璺嚎", trigger: "change"
             }
           ],
-          type: 'table', suffixIcon: 'search',
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           change: (val: any) => {
             const table = crudRef.value?.getPropRef?.('quoteDetailId')?.$refs?.temp;
             if (!table) return;
@@ -384,6 +733,13 @@
                 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;
             }
           },
           children: {
@@ -422,7 +778,7 @@
             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)) {
@@ -432,7 +788,7 @@
                 return callback(res.data || {})
               })
             } else {
-              listTransportRouteVi({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 || [],
@@ -479,7 +835,7 @@
               message: "璁㈠崟绫诲瀷涓嶈兘涓虹┖", trigger: "change"
             }
           ],
-          change: ({value}: any) => {
+          change: ({ value }: any) => {
             option.value.group.forEach((item: any) => {
               if (item.prop == 'pcxx') {
                 item.column.shipperId.rules.forEach((cItem: any) => {
@@ -657,8 +1013,19 @@
             }
           ],
         },
+        isLoad: {
+          label: '濮旀墭瑁呭嵏',
+          display: true,
+          type: 'radio', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
+          rules: [
+            {
+              required: true,
+              message: "濮旀墭瑁呭嵏涓嶈兘涓虹┖", trigger: "blur"
+            }
+          ],
+        },
         isUrgent: {
-          label: '鏄惁绱ф��',
+          label: '鏄惁绱ф��', value: '1',
           display: true,
           type: 'radio', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
           rules: [
@@ -677,6 +1044,19 @@
         //   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 绫诲瀷
@@ -720,16 +1100,33 @@
               message: "鏄惁鏄嚜钀ヨ溅闃熶笉鑳戒负绌�", trigger: "change"
             }
           ],
-          change: ({value}: any) => {
+          change: ({ value }: any) => {
             console.log(value)
             option.value.group.forEach((item: any) => {
               if (item.prop == 'pcxx') {
-                item.column.vehicleProviderId.rules.forEach((cItem: any) => {
-                  cItem.required = value == 1;
-                });
+                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"
+            }
+          ],
         },
         vehicleProviderId: {
           label: '杞﹁締鏈嶅姟鍟�',
@@ -752,7 +1149,7 @@
               });
             }
           },
-          type: 'table', suffixIcon: 'search',
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           children: {
             border: true,
             searchLabelWidth: 100,
@@ -796,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)) {
@@ -806,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 || [],
@@ -863,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)) {
@@ -876,7 +1273,7 @@
               listTmsDriver({
                 pageSize: page.pageSize,
                 pageNum: page.currentPage, ...data,
-                carrierType: form.value.operationMode
+                carrierType: form.value.operationMode, vehicleProviderId: form.value.vehicleProviderId
               }).then(res => {
                 return callback({
                   total: res.total,
@@ -929,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)) {
@@ -941,7 +1338,7 @@
             } else {
               listTmsDriver({
                 pageSize: page.pageSize,
-                pageNum: page.currentPage, ...data,
+                pageNum: page.currentPage, ...data, vehicleProviderId: form.value.vehicleProviderId,
                 carrierType: form.value.operationMode
               }).then(res => {
                 return callback({
@@ -972,6 +1369,7 @@
               Object.assign(form.value, {
                 vehicleId: active.id,
                 licensePlate: active.licensePlate,
+                actualVehicleType: active.vehicleType,
               });
             }
           },
@@ -987,6 +1385,8 @@
               },
               vehicleType: {
                 label: '杞﹁締绫诲瀷', minWidth: 120,
+                type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/vehicle_type',
+
                 search: true,
               },
               internalCode: {
@@ -1012,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)) {
@@ -1025,7 +1425,7 @@
               listTmsVehicle({
                 pageSize: page.pageSize,
                 pageNum: page.currentPage, ...data,
-                carrierType: form.value.operationMode
+                carrierType: form.value.operationMode, serviceProviderId: form.value.vehicleProviderId
               }).then(res => {
                 return callback({
                   total: res.total,
@@ -1088,6 +1488,10 @@
           label: '鍗歌揣鐐硅仈绯绘柟寮�',
           display: true, disabled: true
         },
+        containerNo: {
+          label: '闆嗚绠卞彿',
+          display: false,
+        },
         containerId: {
           label: '鍏宠仈闆嗚绠变俊鎭�',
           display: true,
@@ -1103,7 +1507,7 @@
               });
             }
           },
-          type: 'table', suffixIcon: 'search',
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           children: {
             border: true,
             searchLabelWidth: 100,
@@ -1116,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: {
@@ -1132,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)) {
@@ -1142,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 || [],
@@ -1152,6 +1561,10 @@
 
           }
 
+        },
+        shelfCode: {
+          label: '鎵樻澘鍙�',
+          display: false,
         },
         shelfId: {
           label: '鎵樻澘鍙�',
@@ -1168,7 +1581,7 @@
               });
             }
           },
-          type: 'table', suffixIcon: 'search',
+          type: 'table', suffixIcon: 'search', dataType: 'string',
           children: {
             border: true,
             searchLabelWidth: 100,
@@ -1179,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: {
@@ -1194,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)) {
@@ -1204,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 || [],
@@ -1300,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,
@@ -1323,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: '杩愯緭绾胯矾',
@@ -1344,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: {
@@ -1372,19 +1835,16 @@
     //   display: false,
     //   search: true,
     // },
+
     actualVehicleType: {
-      label: '瀹為檯杩愯緭宸ュ叿绫诲瀷', minWidth: 130,
+      label: '娲惧嚭杞﹀瀷', minWidth: 130,
       display: false,
       search: true,
       type: 'select', dicUrl: '/system/dict/data/type/vehicle_type', dataType: 'string',
 
     },
 
-    licensePlate: {
-      label: '杞︾墝鍙�', minWidth: 120,
-      display: false,
-      search: true,
-    },
+
 
     shipperName: {
       label: '瑁呰揣鐐瑰悕绉�',
@@ -1396,35 +1856,71 @@
       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: {
@@ -1433,7 +1929,7 @@
       editDisplay: false,
       viewDisplay: false,
       hide: false,
-      search: false,
+      search: true,
     },
     updateTime: {
       label: '鏇存柊鏃堕棿', minWidth: 180,
@@ -1443,11 +1939,7 @@
       hide: false,
       search: false,
     },
-    updateTimeRange: {
-      label: '鏇存柊鏃堕棿', display: false, search: true, searchRange: true, type: 'date',
-      format: 'YYYY-MM-DD', hide: true, searchSpan: 5,
-      valueFormat: 'YYYY-MM-DD',
-    },
+
     confirmTimeRange: {
       label: '纭鏃堕棿', display: false, search: true, searchRange: true, type: 'date',
       format: 'YYYY-MM-DD', hide: true, searchSpan: 5,
@@ -1455,6 +1947,11 @@
     },
     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',
     },
@@ -1479,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"
         }
       ],
     },
@@ -1575,11 +2088,10 @@
       display: true,
     },
     voucherUrl: {
-      label: '琛岀▼鍑瘉',
+      label: '鍑瘉',
       display: true,
       span: 24, dataType: 'string',
-      type: 'upload',
-      action: '/common/upload2',
+      type: 'img',
 
     },
 
@@ -1612,14 +2124,29 @@
         }
       ],
     },
-    voucherUrl: {
-      label: '琛岀▼鍑瘉',
+    currency: {
+      label: '甯佺',
       display: true,
-      span: 24,
+      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',
 
+    },
+    remark: {
+      label: '澶囨敞',
+      type: 'textarea', minRows: 3, maxRows: 5, span: 24
     },
     dataSource: {
       label: '鏁版嵁鏉ユ簮',
@@ -1660,6 +2187,11 @@
       label: '閲戦',
       display: true,
     },
+    currency: {
+      label: '甯佺',
+      display: true,
+      type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/sys_currency',
+    },
     feeVoucherUrl: {
       label: '璐圭敤鍑瘉',
       display: true,
@@ -1667,7 +2199,9 @@
       accept: 'string', dataType: 'object',
       type: 'upload',
       action: '/common/upload2',
-
+    },
+    remark: {
+      label: '澶囨敞',
     },
 
   }
@@ -1780,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)) {
@@ -1790,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 || [],
@@ -1834,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)) {
@@ -1844,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 || [],
@@ -1857,6 +2391,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',
@@ -1903,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)) {
@@ -2149,6 +2864,65 @@
 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 {
   tableData,
   pageF,
@@ -2183,13 +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: () => {
+  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 + "纭畾 锛�", '绯荤粺鎻愮ず', {
@@ -2243,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 = '涓婁紶琛岀▼';
@@ -2257,6 +3057,8 @@
       vehicleNumber: row.licensePlate,
       vehicleId: row.vehicleId,
     }
+    console.log(boxForm.value);
+
   })
 }
 const cancelBox = () => {
@@ -2312,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 = '鏌ョ湅琛岀▼';
@@ -2324,7 +3126,7 @@
   optionType.value = 'addFinance';
   boxFormOption.value = financeOption.value;
   boxTableOption.value = financeTableOption.value;
-  const quotePlanItemRes = await listTmsQuoteItem({quotePlanId: row.quotePlanId, pageNum: 1, pageSize: 999});
+  const quotePlanItemRes = await listTmsQuoteItem({ quotePlanId: row.quotePlanId, pageNum: 1, pageSize: 999 });
   let items = quotePlanItemRes.rows || [];
   itemsTableData.value = items.map((item: any) => {
     return {
@@ -2415,6 +3217,36 @@
     }).finally(() => {
       pageF.isUploading = false;
     })
+  } else if (optionType.value === 'customs') {
+    customsOrder({
+      id: form.value.id,
+      customsServiceProviderId: form.value.customsServiceProviderId,
+      customsServiceProviderName: form.value.customsServiceProviderName,
+    }).then(res => {
+      ElMessage({
+        message: "鎻愪氦鎴愬姛锛�",
+        type: 'success'
+      })
+      cancelBox2();
+      onLoad(page.value);
+    }).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,
@@ -2439,7 +3271,7 @@
 }
 
 const handleAddGoods = (row: any) => {
-  listTmsGoodsDetail({dispatchId: row.id, pageSize: 999, pageNum: 1}).then(res => {
+  listTmsGoodsDetail({ dispatchId: row.id, pageSize: 999, pageNum: 1 }).then(res => {
     goodsTableData.value = res.rows || [];
     form.value = row;
     open2.value = true;
@@ -2513,7 +3345,7 @@
   selectionList2.value = selection;
 }
 
-const onShipperLoad = ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+const onShipperLoad = ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
   if (value) {
     let id = value;
     if (Array.isArray(value)) {
@@ -2532,7 +3364,10 @@
       if (districtId) data.districtId = districtId;
       if (streetId) data.streetId = streetId;
     }
-    listTmsConsignor({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+    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 || [],
@@ -2540,7 +3375,7 @@
     })
   }
 }
-const onConsignorLoad = ({page, value, data}: { page: any, value: any, data: any }, callback: any) => {
+const onConsignorLoad = ({ page, value, data }: { page: any, value: any, data: any }, callback: any) => {
   if (value) {
     let id = value;
     if (Array.isArray(value)) {
@@ -2559,7 +3394,10 @@
       if (districtId) data.districtId = districtId;
       if (streetId) data.streetId = streetId;
     }
-    listTmsConsignor({pageSize: page.pageSize, pageNum: page.currentPage, ...data}).then(res => {
+    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 || [],
@@ -2567,7 +3405,7 @@
     })
   }
 }
-const changeShipper = ({value}: any) => {
+const changeShipper = ({ value }: any) => {
 
   if (value) {
     let id = value;
@@ -2602,7 +3440,7 @@
     })
   }
 }
-const changeReceiver = ({value}: any) => {
+const changeReceiver = ({ value }: any) => {
 
   if (value) {
     let id = value;
@@ -2638,13 +3476,13 @@
     })
   }
 }
-const consignorAddOption =ref({
+const consignorAddOption = ref({
   labelWidth: 120,
   group: [
     {
       label: '鍩虹淇℃伅',
       prop: 'jcxx',
-      column:{
+      column: {
         // consignorCode: {
         //   label: '瑁呭嵏璐х偣缂栫爜',minWidth: 150,
         //   addDisplay: false, disabled: true,
@@ -2660,7 +3498,7 @@
         //   ],
         // },
         consignorName: {
-          label: '瑁呭嵏璐х偣鍚嶇О',minWidth: 150,
+          label: '瑁呭嵏璐х偣鍚嶇О', minWidth: 150,
           addDisplay: true,
           editDisplay: true,
           viewDisplay: true,
@@ -2673,8 +3511,8 @@
             }
           ],
         },
-        customerName:{
-          label: '鎵�灞炲鎴�',minWidth: 150,disabled: true,
+        customerName: {
+          label: '鎵�灞炲鎴�', minWidth: 150, disabled: true,
         },
         // customerId: {
         //   label: '鎵�灞炲鎴�',minWidth: 150,
@@ -2769,7 +3607,7 @@
         //   ],
         // },
         consignorType: {
-          label: '瑁呭嵏璐х偣绫诲瀷',minWidth: 150,
+          label: '瑁呭嵏璐х偣绫诲瀷', minWidth: 150,
           type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/consignor_type',
           addDisplay: true,
           editDisplay: true,
@@ -2788,9 +3626,9 @@
     {
       label: '鑱旂郴浜轰俊鎭�',
       prop: 'lxrxx',
-      column:{
+      column: {
         contactName: {
-          label: '鑱旂郴浜哄鍚�',minWidth: 150,
+          label: '鑱旂郴浜哄鍚�', minWidth: 150,
           addDisplay: true,
           editDisplay: true,
           viewDisplay: true,
@@ -2804,7 +3642,7 @@
           ],
         },
         contactPhone: {
-          label: '鑱旂郴浜虹數璇�',minWidth: 150,
+          label: '鑱旂郴浜虹數璇�', minWidth: 150,
           addDisplay: true,
           editDisplay: true,
           viewDisplay: true,
@@ -2812,7 +3650,7 @@
           search: false,
         },
         contactEmail: {
-          label: '鑱旂郴浜洪偖绠�',minWidth: 150,
+          label: '鑱旂郴浜洪偖绠�', minWidth: 150,
           addDisplay: true,
           editDisplay: true,
           viewDisplay: true,
@@ -2824,12 +3662,12 @@
     {
       label: '鍦板潃淇℃伅',
       prop: 'dzxx',
-      column:{
+      column: {
 
         mapLocationDetail: {
-          label: '鍦板浘浣嶇疆',minWidth: 150,
+          label: '鍦板浘浣嶇疆', minWidth: 150,
           addDisplay: true,
-          editDisplay: true,span:24,
+          editDisplay: true, span: 24,
           viewDisplay: true,
           hide: true,
           search: false,
@@ -2849,23 +3687,23 @@
           //     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")
-                  }
-                });
+          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")
+                }
+              });
             }
           },
         },
@@ -2885,9 +3723,9 @@
         // },
         electronicFenceRange: {
           label: '鐢靛瓙鍥存爮鑼冨洿',
-          addDisplay: true,minWidth: 150,
+          addDisplay: true, minWidth: 150,
           editDisplay: true,
-          viewDisplay: true,append:'绫�',
+          viewDisplay: true, append: '绫�',
           hide: false,
           search: true,
           rules: [
@@ -2902,12 +3740,12 @@
     {
       label: '鍏朵粬淇℃伅',
       prop: 'qtyxx',
-      column:{
+      column: {
         remark: {
-          label: '澶囨敞',minWidth: 150,
+          label: '澶囨敞', minWidth: 150,
           type: 'textarea', minRows: 3, maxRows: 5,
           addDisplay: true,
-          editDisplay: true,span:24,
+          editDisplay: true, span: 24,
           viewDisplay: true,
           hide: true,
           search: false,
@@ -2920,7 +3758,7 @@
 const dialForm = ref();
 
 const handleAddShipper = () => {
-  if (!form.value.customerId){
+  if (!form.value.customerId) {
     return ElMessage.error('璇峰厛閫夋嫨杩愯緭璺嚎');
   }
   form2.value = {
@@ -2930,33 +3768,33 @@
   };
   dialForm.value = $DialogForm(appContext)({
     title: '鏂板瑁呰揣鍦�',
-    data:form2.value,
+    data: form2.value,
     width: '80%',
     option: consignorAddOption.value,
     menuPosition: 'right',
-    callback: (res:any,) => {
+    callback: (res: any,) => {
       let data1 = res.data;
-      if (data1.mapLocationDetail){
-        data1.mapLocation = data1.mapLocationDetail[0]+','+data1.mapLocationDetail[1];
+      if (data1.mapLocationDetail) {
+        data1.mapLocation = data1.mapLocationDetail[0] + ',' + data1.mapLocationDetail[1];
         data1.addressDetail = data1.mapLocationDetail[2]
       }
-      addTmsConsignor({...form2.value,...data1}).then(res2=>{
+      addTmsConsignor({ ...form2.value, ...data1 }).then(res2 => {
         let active = res2.data || {};
         if (active) {
           let shipperRegionCode = '';
-          if (active.provinceId){
+          if (active.provinceId) {
             shipperRegionCode = active.provinceId;
           }
-          if (active.cityId){
-            shipperRegionCode =shipperRegionCode+ ","+active.cityId;
+          if (active.cityId) {
+            shipperRegionCode = shipperRegionCode + "," + active.cityId;
 
           }
-          if (active.districtId){
-            shipperRegionCode =shipperRegionCode+ ","+active.districtId;
+          if (active.districtId) {
+            shipperRegionCode = shipperRegionCode + "," + active.districtId;
 
           }
-          if (active.streetId){
-            shipperRegionCode =shipperRegionCode+ ","+active.streetId;
+          if (active.streetId) {
+            shipperRegionCode = shipperRegionCode + "," + active.streetId;
           }
           Object.assign(form.value, {
             shipperId: active.id,
@@ -2964,12 +3802,12 @@
             shipperRegionLabel: active.regionLabel,
             shipperAddress: active.addressDetail,
             shipperMobile: active.contactPhone,
-            shipperRegionCode:shipperRegionCode
+            shipperRegionCode: shipperRegionCode
           });
         }
         dialForm.value.close();
         res.done();
-      }).catch(err=>{
+      }).catch(err => {
         res.done();
       })
     },
@@ -2977,7 +3815,7 @@
 }
 
 const handleAddReceiver = () => {
-  if (!form.value.customerId){
+  if (!form.value.customerId) {
     return ElMessage.error('璇峰厛閫夋嫨杩愯緭璺嚎');
   }
   form2.value = {
@@ -2987,33 +3825,33 @@
   };
   dialForm.value = $DialogForm(appContext)({
     title: '鏂板鍗歌揣鍦�',
-    data:form2.value,
+    data: form2.value,
     width: '80%',
     option: consignorAddOption.value,
     menuPosition: 'right',
-    callback: (res:any,) => {
+    callback: (res: any,) => {
       let data1 = res.data;
-      if (data1.mapLocationDetail){
-        data1.mapLocation = data1.mapLocationDetail[0]+','+data1.mapLocationDetail[1];
+      if (data1.mapLocationDetail) {
+        data1.mapLocation = data1.mapLocationDetail[0] + ',' + data1.mapLocationDetail[1];
         data1.addressDetail = data1.mapLocationDetail[2]
       }
-      addTmsConsignor({...form2.value,...data1}).then(res2=>{
+      addTmsConsignor({ ...form2.value, ...data1 }).then(res2 => {
         let active = res2.data || {};
         if (active) {
           let receiverRegionCode = '';
-          if (active.provinceId){
+          if (active.provinceId) {
             receiverRegionCode = active.provinceId;
           }
-          if (active.cityId){
-            receiverRegionCode =receiverRegionCode+ ","+active.cityId;
+          if (active.cityId) {
+            receiverRegionCode = receiverRegionCode + "," + active.cityId;
 
           }
-          if (active.districtId){
-            receiverRegionCode =receiverRegionCode+ ","+active.districtId;
+          if (active.districtId) {
+            receiverRegionCode = receiverRegionCode + "," + active.districtId;
 
           }
-          if (active.streetId){
-            receiverRegionCode =receiverRegionCode+ ","+active.streetId;
+          if (active.streetId) {
+            receiverRegionCode = receiverRegionCode + "," + active.streetId;
           }
 
           Object.assign(form.value, {
@@ -3022,17 +3860,800 @@
             receiverRegionLabel: active.regionLabel,
             receiverAddress: active.addressDetail,
             receiverMobile: active.contactPhone,
-            receiverRegionCode:receiverRegionCode,
+            receiverRegionCode: receiverRegionCode,
           });
         }
         dialForm.value.close();
         res.done();
-      }).catch(err=>{
+      }).catch(err => {
         res.done();
       })
     },
   })
 }
 
+const handleCustoms = () => {
+  title.value = '琛ュ厖濮旀墭鎶ュ叧淇℃伅';
+  open.value = true;
+  form.value = selectionList.value[0];
+  optionType.value = 'customs';
+  boxFormOption.value = customsOption.value;
 
-</script>
\ No newline at end of file
+}
+
+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,
+    }
+  })
+}
+
+
+
+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