diff --git a/.auto-import.json b/.auto-import.json
index f5553b8..722a261 100644
--- a/.auto-import.json
+++ b/.auto-import.json
@@ -309,6 +309,7 @@
     "watchWithFilter": true,
     "whenever": true,
     "ElMessage": true,
-    "ElTag": true
+    "ElTag": true,
+    "ElMessageBox": true
   }
 }
diff --git a/.env.development b/.env.development
index c188e1a..c79c18b 100644
--- a/.env.development
+++ b/.env.development
@@ -7,8 +7,8 @@ VITE_BASE_URL = /
 # VITE_API_URL = https://m1.apifoxmock.com/m1/6400575-6097373-default
 # VITE_API_URL = http://219.157.255.213:25703
 # VITE_API_URL = https://mzl.dev.hnxinyouhe.com
-# VITE_API_URL = https://fdesk.hnxinyouhe.com
-VITE_API_URL = https://x-server.hnxinyouhe.com
+VITE_API_URL = https://fdesk.hnxinyouhe.com
+# VITE_API_URL = https://x-server.hnxinyouhe.com
 
 # VITE_API_URL_WSS = wss://mzl.dev.hnxinyouhe.com
 # VITE_API_URL_WSS = wss://fdesk.hnxinyouhe.com
diff --git a/src/api/admin/finance.ts b/src/api/admin/finance.ts
new file mode 100644
index 0000000..334720d
--- /dev/null
+++ b/src/api/admin/finance.ts
@@ -0,0 +1,74 @@
+import request from '@/utils/http'
+
+export class financeService {
+  // 收款记录-列表
+  static getReceiptList(params: Api.Common.PaginatingParams) {
+    return request.get<Api.Common.CommonListData>({
+      url: '/admin/receipt/list',
+      params
+    })
+  }
+  // 收款记录-详情
+  static getReceiptDetail(params: any) {
+    return request.get<any>({
+      url: '/admin/receipt/show',
+      params
+    })
+  }
+  // 收款记录-添加
+  static addReceipt(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/receipt/store',
+      params
+    })
+  }
+  // 收款记录-更新
+  static updateReceipt(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/receipt/update',
+      params
+    })
+  }
+  // 收款记录-删除
+  static deleteReceipt(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/receipt/destroy',
+      params
+    })
+  }
+  //付款申请-列表
+  static getPaymentList(params: Api.Common.PaginatingParams) {
+    return request.get<Api.Common.CommonListData>({
+      url: '/admin/payment/list',
+      params
+    })
+  }
+  //付款申请-详情
+  static getPaymentDetail(params: any) {
+    return request.get<any>({
+      url: '/admin/payment/show',
+      params
+    })
+  }
+  //付款申请-添加
+  static addPayment(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/payment/store',
+      params
+    })
+  }
+  //付款申请-更新
+  static updatePayment(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/payment/update',
+      params
+    })
+  }
+  //付款申请-删除
+  static deletePayment(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/payment/destroy',
+      params
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/api/admin/procurement.ts b/src/api/admin/procurement.ts
new file mode 100644
index 0000000..5dbcd1f
--- /dev/null
+++ b/src/api/admin/procurement.ts
@@ -0,0 +1,46 @@
+import request from '@/utils/http'
+
+export class purchaseService {
+  // 采购单预置
+  static purchaseorderpredata(params: any) {
+    return request.get<Api.Common.AddResponse>({
+      url: '/admin/purchase/order/predata',
+      params
+    })
+  }
+  // 采购单列表
+  static purchaseorderlist(params: Api.Common.PaginatingParams) {
+    return request.get<Api.Common.CommonListData>({
+      url: '/admin/purchase/order/list',
+      params
+    })
+  }
+  // 采购单添加
+  static purchaseorderadd(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/purchase/order/store',
+      params
+    })
+  }
+  // 采购单更新
+  static purchaseorderupdate(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/purchase/order/update',
+      params
+    })
+  }
+  // 采购单删除
+  static purchaseorderdelete(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/purchase/order/destroy',
+      params
+    })
+  }
+  // 采购单详情
+  static purchaseorderdetail(params: any) {
+    return request.get<any>({
+      url: '/admin/purchase/order/show',
+      params
+    })
+  }
+}
diff --git a/src/api/adminApi.ts b/src/api/adminApi.ts
index 320bfdf..897a2c8 100644
--- a/src/api/adminApi.ts
+++ b/src/api/adminApi.ts
@@ -251,7 +251,7 @@ export class manageService {
   //审批记录
   static stockapprovalrecord(params: any) {
     return request.get<any>({
-      url: '/admin/approval/records/list',
+      url: '/admin/approval/records/todo',
       params
     })
   }
@@ -305,4 +305,25 @@ export class manageService {
       params
     })
   }
+  //审核详情
+  static stockapprovaldetailborder(params: any) {
+    return request.get<any>({
+      url: '/admin/approval/records/border',
+      params
+    })
+  }
+  //审批转交
+  static stockapprovaltransfer(params: any) {
+    return request.post<Api.Common.AddResponse>({
+      url: '/admin/approval/records/transfer',
+      params
+    })
+  }
+  //审批时间轴
+  static stockapprovaltimeline(params: any) {
+    return request.get<any>({
+      url: '/admin/approval/records/timeline',
+      params
+    })
+  }
 }
diff --git a/src/api/crmApi.ts b/src/api/crmApi.ts
index 3843245..43867a8 100644
--- a/src/api/crmApi.ts
+++ b/src/api/crmApi.ts
@@ -257,10 +257,10 @@ export class CrmService {
       params
     })
   }
-   //审批记录
-   static stockapprovalrecord(params: any) {
+  //审批记录
+  static stockapprovalrecord(params: any) {
     return request.get<any>({
-      url: '/crm/approval/records/list',
+      url: '/crm/approval/records/todo',
       params
     })
   }
diff --git a/src/components/core/tables/ArtTable.vue b/src/components/core/tables/ArtTable.vue
index b2c7f18..40f9a9d 100644
--- a/src/components/core/tables/ArtTable.vue
+++ b/src/components/core/tables/ArtTable.vue
@@ -184,12 +184,11 @@
       const elTable = tableRef.value
       if (!elTable) return
 
-      // 递归处理树形数据
+      // 支持普通与树形数据行展开
       const processRows = (rows: any[]) => {
         rows.forEach((row) => {
-          const hasChildren = row.children?.length > 0
-          if (hasChildren) {
-            elTable.toggleRowExpansion(row, true)
+          elTable.toggleRowExpansion(row, true)
+          if (row.children?.length > 0) {
             processRows(row.children)
           }
         })
@@ -203,12 +202,11 @@
       const elTable = tableRef.value
       if (!elTable) return
 
-      // 递归处理树形数据
+      // 支持普通与树形数据行收起
       const processRows = (rows: any[]) => {
         rows.forEach((row) => {
-          const hasChildren = row.children?.length > 0
-          if (hasChildren) {
-            elTable.toggleRowExpansion(row, false)
+          elTable.toggleRowExpansion(row, false)
+          if (row.children?.length > 0) {
             processRows(row.children)
           }
         })
diff --git a/src/components/custom/ApprovalTimeline.vue b/src/components/custom/ApprovalTimeline.vue
new file mode 100644
index 0000000..95e5678
--- /dev/null
+++ b/src/components/custom/ApprovalTimeline.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="approval-timeline">
+    <div v-for="(rec, idx) in records" :key="idx" class="timeline-item">
+      <div class="left">
+        <div class="avatar-box">
+          <span class="initial">{{ rec.name?.slice(0, 1) || '—' }}</span>
+          <i v-if="rec.approved" class="status-dot iconfont-sys">&#xe621;</i>
+          <i v-if="rec.rejected" class="status-dot rejected">&#xe83a;</i>
+          <i v-else-if="rec.pending" class="status-dot pending iconfont-sys">&#xe839;</i>
+        </div>
+      </div>
+      <div class="right">
+        <div class="row name-role">
+          <span class="name">{{ rec.name }}</span>
+          <span class="role">（{{ rec.role }}）</span>
+        </div>
+        <div >
+          审核说明：{{ rec.comment }}
+        </div>
+        <div class="row time">{{ rec.time }}</div>
+      </div>
+    </div>
+    <div v-if="!records || !records.length" class="empty">暂无审批记录</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  interface ApprovalRecordItem {
+    name?: string
+    role?: string
+    type?: string
+    time?: string
+    approved?: boolean
+    rejected?: boolean
+    pending?: boolean
+    comment?: string
+  }
+
+  defineProps<{ records: ApprovalRecordItem[] }>()
+</script>
+
+<style scoped lang="scss">
+  /* 审批记录 时间线 */
+  .approval-timeline {
+    padding: 8px 4px 8px 0;
+  }
+  .timeline-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    position: relative;
+  }
+  .timeline-item + .timeline-item {
+    margin-top: 50px;
+  }
+  .left {
+    width: 46px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+  }
+  .avatar-box {
+    width: 46px;
+    height: 46px;
+    background: #3d7bff;
+    border-radius: 10px;
+    color: #fff;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 700;
+    font-size: 20px;
+  }
+  .status-dot {
+    position: absolute;
+    right: -4px;
+    bottom: -4px;
+    font-size: 9px;
+    padding: 3px 1px;
+    border-radius: 50%;
+    background: #22c55e;
+    border: 2px solid #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+  .status-dot.pending {
+    background: #3471ff;
+    padding: 3px 3px;
+  }
+  .status-dot.rejected {
+    background: #ff0000;
+    padding: 3px 3px;
+  }
+  /* 连接下一个节点的虚线 */
+  .timeline-item:not(:last-child) .left::after {
+    content: '';
+    position: absolute;
+    top: 52px; /* avatar 46px + 间距 6px */
+    left: 23px; /* 盒子宽度一半，确保竖线居中 */
+    width: 0;
+    height: calc(100% + 16px); /* 加上相邻项之间的间距 */
+    border-left: 2px dotted #bfbfbf;
+  }
+  .right {
+    flex: 1;
+    padding-top: 2px;
+  }
+  .row.name-role {
+    color: #222;
+    margin-bottom: 10px;
+  }
+  .name {
+    font-weight: 600;
+  }
+  .role {
+    color: #666;
+    margin-left: 4px;
+  }
+  .time {
+    color: #888;
+    font-size: 12px;
+    margin-top: 2px;
+    margin-top: 10px;
+  }
+  .empty {
+    color: #999;
+    padding: 8px 0 4px 4px;
+  }
+</style>
+
+
diff --git a/src/components/custom/OrderDetailContent.vue b/src/components/custom/OrderDetailContent.vue
index 7ef4121..e685e91 100644
--- a/src/components/custom/OrderDetailContent.vue
+++ b/src/components/custom/OrderDetailContent.vue
@@ -8,7 +8,9 @@
       </div>
       <div class="basic-info-item">
         <span class="label">业务员:</span>
-        <span class="value">{{ orderData.salesperson_snapshot || orderData.salesperson || '—' }}</span>
+        <span class="value">{{
+          orderData.salesperson_snapshot || orderData.salesperson || '—'
+        }}</span>
       </div>
     </div>
 
@@ -26,19 +28,27 @@
           </td>
           <td>
             <span class="info-label"> 清关目的国:</span>
-            <span class="info-value">{{ orderData.clearance_country_snapshot || orderData.clearanceCountry || '—' }}</span>
+            <span class="info-value">{{
+              orderData.clearance_country_snapshot || orderData.clearanceCountry || '—'
+            }}</span>
           </td>
           <td>
             <span class="info-label"> 客户来源:</span>
-            <span class="info-value">{{ orderData.customer_source_snapshot || orderData.customerSource || '—' }}</span>
+            <span class="info-value">{{
+              orderData.customer_source_snapshot || orderData.customerSource || '—'
+            }}</span>
           </td>
           <td>
             <span class="info-label"> 客户名称:</span>
-            <span class="info-value">{{ orderData.customer_snapshot || orderData.customerName || '—' }}</span>
+            <span class="info-value">{{
+              orderData.customer_snapshot || orderData.customerName || '—'
+            }}</span>
           </td>
           <td>
             <span class="info-label"> 客户所在国:</span>
-            <span class="info-value">{{ orderData.customer_country_snapshot || orderData.customerCountry || '—' }}</span>
+            <span class="info-value">{{
+              orderData.customer_country_snapshot || orderData.customerCountry || '—'
+            }}</span>
           </td>
         </tr>
       </table>
@@ -46,8 +56,16 @@
 
     <!-- 订单详情表格（ArtTable） -->
     <div class="table-section">
-      <ArtTable :data="vehItems" border :pagination="false">
+      <ArtTable ref="tableRef" :data="vehItems" border :pagination="false">
         <template #default>
+          <ElTableColumn type="expand" width="30">
+            <template #default="scope">
+              <div style="padding: 6px">
+                <strong>备注：</strong>
+                <span>{{ scope.row.remark || '暂无备注' }}</span>
+              </div>
+            </template>
+          </ElTableColumn>
           <ElTableColumn label="编号" width="60" align="center">
             <template #default="scope">{{ scope.$index + 1 }}</template>
           </ElTableColumn>
@@ -61,66 +79,163 @@
             <template #default="scope">{{ scope.row.num ?? scope.row.quantity ?? 1 }}</template>
           </ElTableColumn>
           <ElTableColumn label="颜色/外" align="center" prop="color_exterior_snapshot" />
-          <ElTableColumn label="内饰" min-width="120" align="center" prop="color_interior_snapshot" />
+          <ElTableColumn
+            label="内饰"
+            min-width="120"
+            align="center"
+            prop="color_interior_snapshot"
+          />
           <ElTableColumn label="改装" min-width="120" align="center" prop="modify" />
           <ElTableColumn label="官方指导价/二手挂牌价" min-width="175" align="center">
             <template #default="scope">
               <span v-if="scope.row.mileage > 0">
-                {{ scope.row.listing_price?.currency_info || scope.row.listing_price?.amount || scope.row.discount || '—' }}
+                {{
+                  scope.row.listing_price?.currency_info ||
+                  scope.row.listing_price?.amount ||
+                  scope.row.discount ||
+                  '—'
+                }}
               </span>
               <span v-else>
-                {{ scope.row.official_price?.currency_info || scope.row.official_price?.amount || scope.row.discount || '—' }}
+                {{
+                  scope.row.official_price?.currency_info ||
+                  scope.row.official_price?.amount ||
+                  scope.row.discount ||
+                  '—'
+                }}
               </span>
             </template>
           </ElTableColumn>
           <ElTableColumn label="优惠" min-width="120" align="center">
             <template #default="scope">
               <span v-if="scope.row.mileage > 0">
-                {{ scope.row.reduction_price?.currency_info || scope.row.reduction_price?.amount || scope.row.discount || '—' }}
+                {{
+                  scope.row.reduction_price?.currency_info ||
+                  scope.row.reduction_price?.amount ||
+                  scope.row.discount ||
+                  '—'
+                }}
               </span>
               <span v-else>
-                {{ scope.row.discount_price?.currency_info || scope.row.discount_price?.amount || scope.row.discount || '—' }}
+                {{
+                  scope.row.discount_price?.currency_info ||
+                  scope.row.discount_price?.amount ||
+                  scope.row.discount ||
+                  '—'
+                }}
               </span>
             </template>
           </ElTableColumn>
           <ElTableColumn label="手续费" min-width="120" align="center">
-            <template #default="scope">{{ scope.row.handling_fee?.currency_info || scope.row.handling_fee?.amount || scope.row.discount || '—' }}</template>
+            <template #default="scope">{{
+              scope.row.handling_fee?.currency_info ||
+              scope.row.handling_fee?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
           <ElTableColumn label="改装费" min-width="120" align="center">
-            <template #default="scope">{{ scope.row.retrofit_fee?.currency_info || scope.row.retrofit_fee?.amount || scope.row.discount || '—' }}</template>
+            <template #default="scope">{{
+              scope.row.retrofit_fee?.currency_info ||
+              scope.row.retrofit_fee?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
           <ElTableColumn label="FOB运费" min-width="120" align="center">
-            <template #default="scope">{{ scope.row.fob_transport_fee?.currency_info || scope.row.fob_transport_fee?.amount || scope.row.discount || '—' }}</template>
+            <template #default="scope">{{
+              scope.row.fob_transport_fee?.currency_info ||
+              scope.row.fob_transport_fee?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
           <ElTableColumn label="港杂费" min-width="120" align="center">
-            <template #default="scope">{{ scope.row.port_misc_fee?.currency_info || scope.row.port_misc_fee?.amount || scope.row.discount || '—' }}</template>
+            <template #default="scope">{{
+              scope.row.port_misc_fee?.currency_info ||
+              scope.row.port_misc_fee?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
           <ElTableColumn label="海运费" min-width="120" align="center">
-            <template #default="scope">{{ scope.row.ocean_freight?.currency_info || scope.row.ocean_freight?.amount || scope.row.discount || '—' }}</template>
+            <template #default="scope">{{
+              scope.row.ocean_freight?.currency_info ||
+              scope.row.ocean_freight?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="佣金" min-width="120" align="center">
+            <template #default="scope">{{
+              scope.row.commission?.currency_info ||
+              scope.row.commission?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="购置税" min-width="120" align="center">
+            <template #default="scope">{{
+              scope.row.purchase_tax?.currency_info ||
+              scope.row.purchase_tax?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="预估退税额" min-width="120" align="center">
+            <template #default="scope">{{
+              scope.row.tax_refund?.currency_info ||
+              scope.row.tax_refund?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
           <ElTableColumn label="单价" min-width="120" align="center">
-            <template #default="scope">{{ scope.row.unit_price?.currency_info || scope.row.unit_price?.amount || scope.row.discount || '—' }}</template>
+            <template #default="scope">{{
+              scope.row.unit_price?.currency_info ||
+              scope.row.unit_price?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
           <ElTableColumn label="总价" min-width="120" align="center">
-            <template #default="scope">{{ scope.row.total_price?.currency_info || scope.row.total_price?.amount || scope.row.discount || '—' }}</template>
+            <template #default="scope">{{
+              scope.row.total_price?.currency_info ||
+              scope.row.total_price?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
-          <ElTableColumn fixed="right" label="利润"  min-width="120" align="center">
-            <template #default="scope">{{ scope.row.profit?.currency_info || scope.row.profit?.amount || scope.row.discount || '—' }}</template>
+          <ElTableColumn fixed="right" label="利润" min-width="120" align="center">
+            <template #default="scope">{{
+              scope.row.profit?.currency_info ||
+              scope.row.profit?.amount ||
+              scope.row.discount ||
+              '—'
+            }}</template>
           </ElTableColumn>
         </template>
       </ArtTable>
       <div class="order-summary">
         <div class="summary-item">
           <span class="label">合同汇率:</span>
-          <span class="value">{{ orderData.contract_exchange_rate || orderData.contractRate || '—' }}</span>
+          <span class="value">{{
+            orderData.contract_exchange_rate || orderData.contractRate || '—'
+          }}</span>
         </div>
         <div class="summary-item">
           <span class="label">合计到岸价:</span>
-          <span class="value">${{ formatPrice(Number(orderData.cif_total_amount?.amount ?? orderData.totalCif ?? 0)) }}</span>
+          <span class="value"
+            >${{
+              formatPrice(Number(orderData.cif_total_amount?.amount ?? orderData.totalCif ?? 0))
+            }}</span
+          >
         </div>
         <div class="summary-item">
           <span class="label">利润:</span>
-          <span class="value">{{ orderData.profit_total?.currency_info || orderData.profit_total?.amount || '—' }}</span>
+          <span class="value">{{
+            orderData.profit_total?.currency_info || orderData.profit_total?.amount || '—'
+          }}</span>
         </div>
       </div>
     </div>
@@ -131,34 +246,54 @@
         <tr>
           <td>
             <span class="info-label"> 清关人:</span>
-            <span class="info-value">{{ orderData.declarant_name || orderData.declarant || '—' }}</span>
+            <span class="info-value">{{
+              orderData.declarant_name || orderData.declarant || '—'
+            }}</span>
           </td>
           <td>
             <span class="info-label"> 预计发运日期:</span>
-            <span class="info-value">{{ orderData.eta_ship_date || orderData.etaShipDate || '—' }}</span>
+            <span class="info-value">{{
+              orderData.eta_ship_date || orderData.etaShipDate || '—'
+            }}</span>
           </td>
           <td>
             <span class="info-label"> 出运方式:</span>
-            <span class="info-value">{{ orderData.shipping_method_snapshot || orderData.shippingMethod || '—' }}</span>
+            <span class="info-value">{{
+              orderData.shipping_method_snapshot || orderData.shippingMethod || '—'
+            }}</span>
           </td>
           <td>
             <span class="info-label"> 国内收货港:</span>
-            <span class="info-value">{{ orderData.domestic_port_snapshot || orderData.domesticPort || '—' }}</span>
+            <span class="info-value">{{
+              orderData.domestic_port_snapshot || orderData.domesticPort || '—'
+            }}</span>
           </td>
           <td>
             <span class="info-label"> 贸易条款/清关目的港:</span>
-            <span class="info-value">{{ orderData.trade_term_snapshot || orderData.tradeTerms || '—' }}/{{ orderData.clearance_port_snapshot || '—' }}</span>
+            <span class="info-value"
+              >{{ orderData.trade_term_snapshot || orderData.tradeTerms || '—' }}/{{
+                orderData.clearance_port_snapshot || '—'
+              }}</span
+            >
           </td>
           <td>
             <span class="info-label"> 最迟到港时间:</span>
-            <span class="info-value">{{ orderData.latest_arrival_date || orderData.latestArrival || '—' }}</span>
+            <span class="info-value">{{
+              orderData.latest_arrival_date || orderData.latestArrival || '—'
+            }}</span>
           </td>
         </tr>
       </table>
     </div>
 
     <!-- 计划收款信息 -->
-    <div class="payment-section" v-if="(orderData.account_list && orderData.account_list.length) || (orderData.payments && orderData.payments.length)">
+    <div
+      class="payment-section"
+      v-if="
+        (orderData.account_list && orderData.account_list.length) ||
+        (orderData.payments && orderData.payments.length)
+      "
+    >
       <div class="table-wrapper">
         <table class="payment-table">
           <thead>
@@ -192,8 +327,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, computed } from 'vue'
-
+  import { defineComponent, computed, ref, onMounted, nextTick, watch } from 'vue'
   export default defineComponent({
     name: 'OrderDetailContent',
     props: {
@@ -231,11 +365,34 @@
       const vehItems = computed(() => {
         return (props.orderData as any).veh_list || (props.orderData as any).items || []
       })
+      const tableRef = ref()
+      const expandWhenReady = () => {
+        nextTick(() => {
+          nextTick(() => {
+            if (vehItems.value && vehItems.value.length) {
+              tableRef.value?.expandAll?.()
+            }
+          })
+        })
+      }
 
+      onMounted(() => {
+        // 默认展开所有行（等数据和表格渲染完成后再触发）
+        expandWhenReady()
+      })
+
+      watch(
+        () => vehItems.value?.length,
+        (len) => {
+          if (len && len > 0) expandWhenReady()
+        },
+        { immediate: true }
+      )
       return {
         paymentTableData,
         vehItems,
-        formatPrice
+        formatPrice,
+        tableRef
       }
     }
   })
@@ -406,7 +563,14 @@
     padding: 10px 8px;
     vertical-align: middle;
   }
-
+  .el-table__expand-cell {
+    padding: 0;
+    border-top: none;
+  }
+  .el-table__expand-wrapper {
+    padding: 10px;
+    background-color: #f9f9f9;
+  }
   /* 打印优化 */
   @media print {
     .order-detail-content {
diff --git a/src/components/custom/ProcurementDetailView copy.vue b/src/components/custom/ProcurementDetailView copy.vue
new file mode 100644
index 0000000..f859bab
--- /dev/null
+++ b/src/components/custom/ProcurementDetailView copy.vue	
@@ -0,0 +1,175 @@
+<template>
+  <div class="detail-wrap">
+    <div class="detail-grid">
+      <div class="item">
+        <span class="label">采购单号:</span>
+        <span class="value">{{ detailData.order_no || '—' }}</span>
+      </div>
+      <div class="item">
+        <span class="label">PI号:</span>
+        <span class="value">{{ detailData.pi_no || '—' }}</span>
+      </div>
+      <div class="item">
+        <span class="label">提交人:</span>
+        <span class="value">{{ detailData.buyer_name || '—' }}</span>
+      </div>
+      <div class="item full">
+        <span class="label">备注:</span>
+        <span class="value">{{ detailData.remark || '—' }}</span>
+      </div>
+    </div>
+
+    <div class="detail-block">
+      <div class="block-title">合同文件</div>
+      <div
+        v-if="detailData.contract_file_url && detailData.contract_file_url.length"
+        class="files-list"
+      >
+        <div class="file-row" v-for="(f, idx) in detailData.contract_file_url" :key="idx">
+          <el-icon class="file-icon"><Document /></el-icon>
+          <span class="file-name">{{ f.name }}</span>
+          <a class="el-link el-link--primary" :href="f.url" target="_blank" rel="noopener">查看</a>
+          <a class="el-link el-link--info" :href="f.url" :download="f.name">下载</a>
+        </div>
+      </div>
+      <div v-else class="empty-tip">无合同文件</div>
+    </div>
+
+    <div class="detail-block">
+      <div class="block-title">备货单组</div>
+      <div v-if="detailData.stock_order && detailData.stock_order.length" class="groups">
+        <div class="group" v-for="(g, gi) in detailData.stock_order" :key="gi">
+          <div class="group-head">
+            <span class="order">{{ g.order_no || '备货单' }}</span>
+            <span class="seller" v-if="g.salesperson_snapshot"
+              >（{{ g.salesperson_snapshot }}）</span
+            >
+            <span class="date" v-if="g.biz_date">{{ g.biz_date }}</span>
+          </div>
+          <div class="chips">
+            <span class="chip" v-for="(v, vi) in g.stock_order_items || []" :key="vi">
+              {{ v.model_snapshot }}
+            </span>
+          </div>
+        </div>
+      </div>
+      <div v-else class="empty-tip">无备货单数据</div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { Document } from '@element-plus/icons-vue'
+  import { PropType } from 'vue'
+
+  // 定义组件的数据类型
+  interface DetailData {
+    order_no?: string
+    pi_no?: string
+    buyer_name?: string
+    remark?: string
+    contract_file_url?: Array<{ name: string; url: string }>
+    stock_order?: Array<{
+      order_no?: string
+      salesperson_snapshot?: string
+      biz_date?: string
+      stock_order_items?: Array<{ model_snapshot: string }>
+    }>
+  }
+
+  // 使用 Vue 的 props 传递数据
+  export default {
+    name: 'ProcurementDetailView',
+    props: {
+      detailData: {
+        type: Object as PropType<DetailData>,
+        required: true
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .detail-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  .detail-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 10px 16px;
+  }
+  .detail-grid .item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .detail-grid .item.full {
+    grid-column: 1 / -1;
+  }
+  .detail-grid .label {
+    color: var(--el-text-color-regular);
+  }
+  .detail-grid .value {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+  .detail-block {
+    border-top: 1px dashed var(--el-border-color-lighter);
+    padding-top: 8px;
+  }
+  .block-title {
+    font-weight: 600;
+    margin-bottom: 8px;
+  }
+  .files-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  .file-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+  .file-name {
+    flex: 1;
+  }
+  .empty-tip {
+    color: var(--el-text-color-secondary);
+  }
+  .groups {
+    display: flex;
+    flex-direction: column;
+    max-height: 38vh;
+    overflow-y: auto;
+    gap: 12px;
+  }
+  .group {
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 10px;
+    padding: 14px 6px 8px;
+    background: var(--el-fill-color-blank);
+  }
+  .group-head {
+    display: flex;
+    gap: 8px;
+    margin-bottom: 10px;
+    align-content: center;
+  }
+  .chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  .chip {
+    padding: 4px 8px;
+    border-radius: 12px;
+    background: #f0f6ff;
+    color: #3a7af3;
+    border: 1px solid #e3edff;
+    font-size: 12px;
+    line-height: 18px;
+  }
+</style>
diff --git a/src/components/custom/ProcurementDetailView.vue b/src/components/custom/ProcurementDetailView.vue
new file mode 100644
index 0000000..15ddfb5
--- /dev/null
+++ b/src/components/custom/ProcurementDetailView.vue
@@ -0,0 +1,169 @@
+<template>
+  <div class="detail-wrap">
+    <div class="detail-grid">
+      <div class="item">
+        <span class="label">采购单号:</span>
+        <span class="value">{{ detailData.order_no || '—' }}</span>
+      </div>
+      <div class="item">
+        <span class="label">PI号:</span>
+        <span class="value">{{ detailData.pi_no || '—' }}</span>
+      </div>
+      <div class="item">
+        <span class="label">提交人:</span>
+        <span class="value">{{ detailData.buyer_name || '—' }}</span>
+      </div>
+      <div class="item full">
+        <span class="label">备注:</span>
+        <span class="value">{{ detailData.remark || '—' }}</span>
+      </div>
+    </div>
+
+    <div class="detail-block">
+      <div class="block-title">合同文件</div>
+      <div
+        v-if="detailData.contract_file_url && detailData.contract_file_url.length"
+        class="files-list"
+      >
+        <div class="file-row" v-for="(f, idx) in detailData.contract_file_url" :key="idx">
+          <el-icon class="file-icon"><Document /></el-icon>
+          <span class="file-name">{{ f.name }}</span>
+          <a class="el-link el-link--primary" :href="f.url" target="_blank" rel="noopener">查看</a>
+          <a class="el-link el-link--info" :href="f.url" :download="f.name">下载</a>
+        </div>
+      </div>
+      <div v-else class="empty-tip">无合同文件</div>
+    </div>
+
+    <div class="detail-block">
+      <div class="block-title">备货单组</div>
+      <div v-if="detailData.stock_order && detailData.stock_order.length" class="groups">
+        <div class="group" v-for="(g, gi) in detailData.stock_order" :key="gi">
+          <div class="group-head">
+            <span class="order">{{ g.order_no || '备货单' }}</span>
+            <span class="seller" v-if="g.salesperson_snapshot"
+              >（{{ g.salesperson_snapshot }}）</span
+            >
+            <span class="date" v-if="g.biz_date">{{ g.biz_date }}</span>
+          </div>
+          <div class="chips">
+            <span class="chip" v-for="(v, vi) in g.stock_order_items || []" :key="vi">
+              {{ v.model_snapshot }}
+            </span>
+          </div>
+        </div>
+      </div>
+      <div v-else class="empty-tip">无备货单数据</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { Document } from '@element-plus/icons-vue'
+  import { PropType } from 'vue'
+  interface DetailData {
+    order_no?: string
+    pi_no?: string
+    buyer_name?: string
+    remark?: string
+    contract_file_url?: Array<{ name: string; url: string }>
+    stock_order?: Array<{
+      order_no?: string
+      salesperson_snapshot?: string
+      biz_date?: string
+      stock_order_items?: Array<{ model_snapshot: string }>
+    }>
+  }
+
+  defineProps({
+    detailData: {
+      type: Object as PropType<DetailData>,
+      required: true
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  .detail-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  .detail-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 10px 16px;
+  }
+  .detail-grid .item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .detail-grid .item.full {
+    grid-column: 1 / -1;
+  }
+  .detail-grid .label {
+    color: var(--el-text-color-regular);
+  }
+  .detail-grid .value {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+  .detail-block {
+    border-top: 1px dashed var(--el-border-color-lighter);
+    padding-top: 8px;
+  }
+  .block-title {
+    font-weight: 600;
+    margin-bottom: 8px;
+  }
+  .files-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  .file-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+  .file-name {
+    flex: 1;
+  }
+  .empty-tip {
+    color: var(--el-text-color-secondary);
+  }
+  .groups {
+    display: flex;
+    flex-direction: column;
+    max-height: 38vh;
+    overflow-y: auto;
+    gap: 12px;
+  }
+  .group {
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 10px;
+    padding: 14px 6px 8px;
+    background: var(--el-fill-color-blank);
+  }
+  .group-head {
+    display: flex;
+    gap: 8px;
+    margin-bottom: 10px;
+    align-content: center;
+  }
+  .chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  .chip {
+    padding: 4px 8px;
+    border-radius: 12px;
+    background: #f0f6ff;
+    color: #3a7af3;
+    border: 1px solid #e3edff;
+    font-size: 12px;
+    line-height: 18px;
+  }
+</style>
diff --git a/src/components/custom/chat/WorkChatDrawer.vue b/src/components/custom/chat/WorkChatDrawer.vue
new file mode 100644
index 0000000..9227e1a
--- /dev/null
+++ b/src/components/custom/chat/WorkChatDrawer.vue
@@ -0,0 +1,213 @@
+<template>
+  <el-drawer :with-header="false" :model-value="modelValue" :size="isMobile ? '100%' : '480px'" @close="$emit('update:modelValue', false)">
+    <div class="chat-container">
+      <div class="header">
+        <div class="header-left">
+          <span class="name">{{ title }}</span>
+        </div>
+        <div class="header-right">
+          <el-icon class="icon-close" :size="20" @click="$emit('update:modelValue', false)">
+            <Close />
+          </el-icon>
+        </div>
+      </div>
+
+      <div class="chat-messages" ref="messageContainer">
+        <template v-for="(message, index) in messages" :key="index">
+          <div :class="['message-item', String(message.user_id) === String(currentUserId) ? 'message-right' : 'message-left']">
+            <el-avatar :size="32" :src="message.user_avatar" class="message-avatar" />
+            <div class="message-content">
+              <div class="message-info">
+                <span class="sender-name">{{ message.user_name }}</span>
+                <span class="message-time">{{ message.updated_at }}</span>
+              </div>
+              <div class="message-text" v-html="message.content"></div>
+              <div class="message-attachments" v-if="message.attachment && message.attachment.length > 0">
+                <div class="attachment-item" v-for="(attachment, attIndex) in message.attachment" :key="attIndex">
+                  <template v-if="/\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(attachment.original_name)">
+                    <img :src="attachment.storage_path_full" :alt="attachment.original_name" class="attachment-thumb" @click="handleChatImageClick(attachment.storage_path_full)" />
+                  </template>
+                  <template v-else-if="/\.(mp4|webm|ogg)$/i.test(attachment.original_name)">
+                    <video :src="attachment.storage_path_full" controls class="attachment-thumb" @click.prevent="handleChatVideoClick(attachment.storage_path_full)"></video>
+                  </template>
+                  <template v-else>
+                    <div class="file-attachment">
+                      <el-icon class="file-icon"><Document /></el-icon>
+                      <span class="file-name">{{ attachment.original_name }}</span>
+                      <el-button type="primary" size="small" link @click="$emit('download', attachment)">下载</el-button>
+                    </div>
+                  </template>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </div>
+
+      <div class="chat-input" v-if="canAdd">
+        <div class="chat-attachment-upload">
+          <el-upload v-model:file-list="chatFileList" class="chat-upload" :action="actionImageUplode" :on-success="handleChatUploadSuccess" :headers="uploadHeaders" multiple :limit="5" :on-exceed="handleChatExceed" :show-file-list="false">
+            <el-button type="primary" link>
+              <el-icon><Paperclip /></el-icon>
+              添加附件
+            </el-button>
+          </el-upload>
+          <div class="uploaded-attachments" v-if="chatFileList.length > 0">
+            <div class="attachment-preview-item" v-for="(file, idx) in chatFileList" :key="idx">
+              <template v-if="/\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(file.name)">
+                <img :src="file.file_url || file.response?.data?.file_url" :alt="file.name" class="preview-thumb" />
+              </template>
+              <template v-else>
+                <el-icon class="file-icon"><Document /></el-icon>
+              </template>
+              <span class="file-name">{{ file.name }}</span>
+              <el-button type="danger" size="small" link @click="removeChatFile(idx)">
+                <el-icon><Close /></el-icon>
+              </el-button>
+            </div>
+          </div>
+        </div>
+        <el-input v-model="messageText" type="textarea" :rows="3" placeholder="输入消息" resize="none" />
+        <div class="chat-input-actions">
+          <el-button type="primary" @click="emitSend">发送</el-button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 内置预览 -->
+    <ElImageViewer v-if="imageViewerVisible" :url-list="chatImageList" :initial-index="imageViewerIndex" @close="closeImageViewer" />
+    <ElDialog v-model="videoDialogVisible" width="60%" top="10vh" :show-close="true" append-to-body>
+      <video v-if="currentVideoUrl" :src="currentVideoUrl" controls autoplay style="width: 100%; max-height: 70vh; display: block"></video>
+    </ElDialog>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+  import { ElImageViewer } from 'element-plus'
+  import { Paperclip, Document, Close } from '@element-plus/icons-vue'
+  const props = defineProps<{
+    modelValue: boolean
+    title?: string
+    messages: any[]
+    currentUserId: string | number
+    canAdd?: boolean
+    actionImageUplode?: string
+    uploadHeaders?: Record<string, any>
+  }>()
+  const emit = defineEmits<{
+    (e: 'update:modelValue', v: boolean): void
+    (e: 'send', payload: { text: string; attachments: any[] }): void
+    (e: 'download', attachment: any): void
+  }>()
+
+  const { width } = useWindowSize()
+  const isMobile = computed(() => width.value < 500)
+
+  const messageText = ref('')
+  const chatFileList = ref<any[]>([])
+  const messageContainer = ref<HTMLElement | null>(null)
+
+  watch(
+    () => props.messages,
+    () => {
+      nextTick(() => {
+        if (messageContainer.value) {
+          messageContainer.value.scrollTop = messageContainer.value.scrollHeight
+        }
+      })
+    },
+    { immediate: true, deep: true }
+  )
+
+  const handleChatUploadSuccess = (response: any, uploadFile: any, uploadFiles: any[]) => {
+    chatFileList.value = uploadFiles
+      .filter((item) => item.status === 'success')
+      .map((item) => {
+        const data = item.response?.data
+        if (data) {
+          return {
+            name: data.original_name,
+            file_url: data.storage_path_full,
+            status: 'success',
+            response: { data }
+          }
+        }
+        return null
+      })
+      .filter(Boolean) as any[]
+  }
+  const handleChatExceed = () => {
+    // no-op; parent can handle toast
+  }
+  const removeChatFile = (index: number) => {
+    chatFileList.value.splice(index, 1)
+  }
+  const emitSend = () => {
+    const text = messageText.value.trim()
+    if (!text && chatFileList.value.length === 0) return
+    const attachments = chatFileList.value.map((file) => {
+      const data = file.response?.data
+      if (data) {
+        return {
+          original_name: data.original_name,
+          storage_path: data.storage_path || data.file_name
+        }
+      }
+      return null
+    }).filter(Boolean) as any[]
+    emit('send', { text, attachments })
+    messageText.value = ''
+    chatFileList.value = []
+  }
+
+  // 预览
+  const chatImageList = ref<string[]>([])
+  const imageViewerVisible = ref(false)
+  const imageViewerIndex = ref(0)
+  function handleChatImageClick(url: string) {
+    chatImageList.value = [url]
+    imageViewerIndex.value = 0
+    imageViewerVisible.value = true
+  }
+  const currentVideoUrl = ref('')
+  const videoDialogVisible = ref(false)
+  function handleChatVideoClick(url: string) {
+    currentVideoUrl.value = url
+    videoDialogVisible.value = true
+  }
+  function closeImageViewer() {
+    imageViewerVisible.value = false
+    chatImageList.value = []
+  }
+</script>
+
+<style scoped lang="scss">
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+    .header-left .name { font-size: 16px; font-weight: 500; }
+    .header-right .icon-close { cursor: pointer; }
+  }
+  .chat-container { display: flex; flex-direction: column; height: calc(100% - 70px); }
+  .chat-messages { flex: 1; padding: 30px 16px; overflow-y: auto; border-top: 1px solid var(--el-border-color-lighter); }
+  .message-item { display: flex; gap: 8px; align-items: flex-start; width: 100%; margin-bottom: 30px; }
+  .message-item.message-left { justify-content: flex-start; }
+  .message-item.message-right { flex-direction: row-reverse; }
+  .message-content { display: flex; flex-direction: column; max-width: 70%; }
+  .message-info { display: flex; gap: 8px; margin-bottom: 4px; font-size: 12px; }
+  .message-text { font-size: 14px; color: var(--art-gray-900); border-radius: 6px; padding: 10px 14px; line-height: 1.4; white-space: pre-line; }
+  .message-left .message-text { background-color: #f8f5ff; }
+  .message-right .message-text { background-color: #e9f3ff; }
+  .message-attachments { margin-top: 8px; }
+  .message-attachments .attachment-thumb { max-width: 200px; max-height: 150px; border-radius: 6px; cursor: pointer; border: 1px solid var(--el-border-color-lighter); }
+  .chat-input { padding: 16px 16px 0; }
+  .chat-input-actions { display: flex; justify-content: right; margin-top: 12px; }
+  .chat-attachment-upload { margin-bottom: 12px; }
+  .uploaded-attachments { display: flex; flex-wrap: wrap; gap: 8px; }
+  .attachment-preview-item { display: flex; align-items: center; gap: 6px; padding: 6px 10px; background: var(--el-fill-color-light); border-radius: 6px; border: 1px solid var(--el-border-color-lighter); max-width: 200px; }
+  .preview-thumb { width: 40px; height: 40px; border-radius: 4px; object-fit: cover; }
+</style>
+
+
diff --git a/src/composables/useOrderDetailDialog.ts b/src/composables/useOrderDetailDialog.ts
index 1773613..3e8eef6 100644
--- a/src/composables/useOrderDetailDialog.ts
+++ b/src/composables/useOrderDetailDialog.ts
@@ -22,6 +22,7 @@ export interface PaymentItem {
 }
 
 export interface OrderData {
+  contract_file_url: { name: string; url: string }[]
   orderNo?: string
   salesperson?: string
   piNo?: string
@@ -45,7 +46,11 @@ export interface OrderData {
 export function useOrderDetailDialog() {
   const visible = ref(false)
   const title = ref('订单详情')
-  const orderData = ref<OrderData>({})
+  const orderData = ref<OrderData>({
+    contract_file_url: [],
+    items: [],
+    payments: []
+  })
 
   const show = (data: OrderData, dialogTitle?: string) => {
     orderData.value = data
diff --git a/src/composables/useStockingForm.ts b/src/composables/useStockingForm.ts
index 15ffb52..7b89a5a 100644
--- a/src/composables/useStockingForm.ts
+++ b/src/composables/useStockingForm.ts
@@ -1,5 +1,5 @@
 import { ref, reactive, watch, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
+import { componentSizeMap, ElMessage } from 'element-plus'
 import { CrmService } from '@/api/crmApi'
 import { commonService } from '@/api/commonApi'
 import { vehicleService } from '@/api/vehicleApi'
@@ -62,9 +62,19 @@ export interface ItemRow {
   handling_fee: string
   fob_transport_fee: number | undefined
   port_misc_fee: string
+  remark: string
   ocean_freight: string
   ocean_freight_currency: string
   ocean_freight_currency_snapshot: string
+  commission: string
+  commission_currency: string
+  commission_currency_snapshot: string
+  purchase_tax: string
+  purchase_tax_currency: string
+  purchase_tax_currency_snapshot: string
+  tax_refund: string
+  tax_refund_currency: string
+  tax_refund_currency_snapshot: string
   retrofit_fee: string
   total_price: number | undefined
   official_price: number | undefined
@@ -195,9 +205,19 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
     handling_fee: '',
     fob_transport_fee: undefined,
     port_misc_fee: '',
+    remark: '',
     ocean_freight: '',
     ocean_freight_currency: 'CNY',
     ocean_freight_currency_snapshot: '人民币',
+    commission: '',
+    commission_currency: 'CNY',
+    commission_currency_snapshot: '人民币',
+    purchase_tax: '',
+    purchase_tax_currency: 'CNY',
+    purchase_tax_currency_snapshot: '人民币',
+    tax_refund: '',
+    tax_refund_currency: 'CNY',
+    tax_refund_currency_snapshot: '人民币',
     retrofit_fee: '',
     total_price: undefined,
     official_price: undefined,
@@ -326,7 +346,13 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
   const loadPortOptions = async () => {
     try {
       const res = await commonService.getPortSelect({ scene: 'domestic' })
-      const resall = await commonService.getPortSelect({})
+      res.forEach((item: any) => {
+        item.port_names = item.port_name + '(' + item.port_name_en + ')'
+      })
+      const resall = await commonService.getPortSelect({ scene: 'overseas' })
+      resall.forEach((item: any) => {
+        item.port_names = item.port_name + '(' + item.port_name_en + ')'
+      })
       portOptions.value = res
       portOptionsall.value = resall
     } catch (error) {
@@ -428,6 +454,21 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
       (it as any).ocean_freight_currency,
       targetCurrency
     )
+    const commission = convertCurrency(
+      it.commission ?? (it as any).commission,
+      (it as any).commission_currency,
+      targetCurrency
+    )
+    const purchaseTax = convertCurrency(
+      it.purchase_tax ?? (it as any).purchase_tax,
+      (it as any).purchase_tax_currency,
+      targetCurrency
+    )
+    const taxRefund = convertCurrency(
+      it.tax_refund ?? (it as any).tax_refund,
+      (it as any).tax_refund_currency,
+      targetCurrency
+    )
     const mileageVal = Number(it.mileage ?? 0)
     if (mileageVal > 0) {
       // 二手车：用挂牌价与二手减价替代官方指导价与优惠
@@ -441,7 +482,19 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
         (it as any).reduction_price_currency,
         targetCurrency
       )
-      return unit - (retrofit + fob + listing + reduction + handling + port + ocean)
+      return (
+        unit -
+        (retrofit +
+          fob +
+          listing +
+          reduction +
+          handling +
+          port +
+          ocean +
+          commission +
+          purchaseTax) +
+        taxRefund
+      )
     }
 
     // 新车/里程<=0：保持原有计算（官方指导价与优惠）
@@ -455,7 +508,11 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
       (it as any).discount_currency,
       targetCurrency
     )
-    return unit - (retrofit + fob + guide + discount + handling + port + ocean)
+    return (
+      unit -
+      (retrofit + fob + guide + discount + handling + port + ocean + commission + purchaseTax) +
+      taxRefund
+    )
   }
 
   // 合同文件相关方法
@@ -672,9 +729,19 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
       handling_fee: it.handling_fee?.amount ?? '',
       fob_transport_fee: it.fob_transport_fee?.amount ? Number(it.fob_transport_fee.amount) : undefined,
       port_misc_fee: it.port_misc_fee?.amount ?? '',
+      remark: it.remark || '',
       ocean_freight: it.ocean_freight?.amount ?? '',
       ocean_freight_currency: it.ocean_freight?.currency || 'CNY',
       ocean_freight_currency_snapshot: '',
+      commission: it.commission?.amount ?? '',
+      commission_currency: it.commission?.currency || 'CNY',
+      commission_currency_snapshot: '',
+      purchase_tax: it.purchase_tax?.amount ?? '',
+      purchase_tax_currency: it.purchase_tax?.currency || 'CNY',
+      purchase_tax_currency_snapshot: '',
+      tax_refund: it.tax_refund?.amount ?? '',
+      tax_refund_currency: it.tax_refund?.currency || 'CNY',
+      tax_refund_currency_snapshot: '',
       retrofit_fee: it.retrofit_fee?.amount ?? '',
       total_price: it.total_price?.amount ? Number(it.total_price.amount) : undefined,
       official_price: it.official_price?.amount ? Number(it.official_price.amount) : undefined,
@@ -753,6 +820,7 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
       color_interior_snapshot: it.color_interior_snapshot,
       color_exterior_code: it.color_exterior_code,
       color_exterior_snapshot: it.color_exterior_snapshot,
+      remark: it.remark,
       unit_price: wrapMoney(it.unit_price, (it as any).unit_price_currency, '单价'),
       handling_fee: wrapMoney(it.handling_fee, (it as any).helper_fee_currency, '手续费'),
       fob_transport_fee: wrapMoney(
@@ -766,6 +834,9 @@ export function useStockingForm(isFinal = false, stockingId?: string | number) {
         '港杂费'
       ),
       ocean_freight: wrapMoney(it.ocean_freight, (it as any).ocean_freight_currency, '海运费'),
+      commission: wrapMoney(it.commission, (it as any).commission_currency, '佣金'),
+      purchase_tax: wrapMoney(it.purchase_tax, (it as any).purchase_tax_currency, '购置税'),
+      tax_refund: wrapMoney(it.tax_refund, (it as any).tax_refund_currency, '退税'),
       retrofit_fee: wrapMoney((it as any).retrofit_fee, (it as any).modify_fee_currency, '改装费'),
       modify_list: it.modify_list,
       // total_price: wrapMoney(it.total_price, (it as any).total_price_currency, '总价'),
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index c5d2e7d..af3b65f 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -9,7 +9,7 @@ declare global {
   const EffectScope: typeof import('vue')['EffectScope']
   const ElButton: (typeof import('element-plus/es'))['ElButton']
   const ElMessage: typeof import('element-plus/es')['ElMessage']
-  const ElMessageBox: (typeof import('element-plus/es'))['ElMessageBox']
+  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
   const ElNotification: (typeof import('element-plus/es'))['ElNotification']
   const ElPopconfirm: (typeof import('element-plus/es'))['ElPopconfirm']
   const ElPopover: (typeof import('element-plus/es'))['ElPopover']
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 2f1f2fa..ca6d74b 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -7,6 +7,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    ApprovalTimeline: typeof import('./../components/custom/ApprovalTimeline.vue')['default']
     ArtBackToTop: typeof import('./../components/core/base/art-back-to-top/index.vue')['default']
     ArtBarChart: typeof import('./../components/core/charts/ArtBarChart.vue')['default']
     ArtBarChartCard: typeof import('./../components/core/cards/art-bar-chart-card/index.vue')['default']
@@ -72,12 +73,16 @@ declare module 'vue' {
     CommentItem: typeof import('./../components/custom/comment-widget/widget/CommentItem.vue')['default']
     CommentWidget: typeof import('./../components/custom/comment-widget/index.vue')['default']
     ContainerSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ContainerSettings.vue')['default']
+    copy: typeof import('./../components/custom/ProcurementDetailView copy.vue')['default']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
+    ElBadge: typeof import('element-plus/es')['ElBadge']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
     ElCalendar: typeof import('element-plus/es')['ElCalendar']
     ElCard: typeof import('element-plus/es')['ElCard']
+    ElCascader: typeof import('element-plus/es')['ElCascader']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
@@ -93,8 +98,10 @@ declare module 'vue' {
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
+    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElLink: typeof import('element-plus/es')['ElLink']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
@@ -117,16 +124,21 @@ declare module 'vue' {
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
+    ElText: typeof import('element-plus/es')['ElText']
     ElTimeline: typeof import('element-plus/es')['ElTimeline']
     ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     ElWatermark: typeof import('element-plus/es')['ElWatermark']
     HorizontalSubmenu: typeof import('./../components/core/layouts/art-menus/art-horizontal-menu/widget/HorizontalSubmenu.vue')['default']
     LoginLeftView: typeof import('./../components/core/views/login/LoginLeftView.vue')['default']
     MenuLayoutSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuLayoutSettings.vue')['default']
     MenuStyleSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuStyleSettings.vue')['default']
+    OrderDetailContent: typeof import('./../components/custom/OrderDetailContent.vue')['default']
+    ProcurementDetailView: typeof import('./../components/custom/ProcurementDetailView.vue')['default']
+    'ProcurementDetailView copy': typeof import('./../components/custom/ProcurementDetailView copy.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SectionTitle: typeof import('./../components/core/layouts/art-settings-panel/widget/SectionTitle.vue')['default']
@@ -135,6 +147,7 @@ declare module 'vue' {
     SettingItem: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingItem.vue')['default']
     SidebarSubmenu: typeof import('./../components/core/layouts/art-menus/art-sidebar-menu/widget/SidebarSubmenu.vue')['default']
     ThemeSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ThemeSettings.vue')['default']
+    WorkChatDrawer: typeof import('./../components/custom/chat/WorkChatDrawer.vue')['default']
   }
   export interface ComponentCustomProperties {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
diff --git a/src/views/admin/approval/stocking_auth.vue b/src/views/admin/approval/stocking_auth.vue
index 6fc7c83..97e6485 100644
--- a/src/views/admin/approval/stocking_auth.vue
+++ b/src/views/admin/approval/stocking_auth.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="stocking-page">
     <div class="stocking-toolbar boxshadow">
-      <!-- <div class="toolbar-left">
-        <ElButton type="primary" v-ripple @click="handleCreate">创建备货单</ElButton>
-      </div> -->
       <div class="toolbar-right">
         <el-input
           v-model="keyword"
@@ -34,12 +31,17 @@
         <template #default>
           <ElTableColumn label="审批单名称" prop="flows_name" min-width="140" />
           <ElTableColumn label="审批说明" prop="biz_desc" min-width="160" />
-          <ElTableColumn label="审批结果" prop="action_desc" min-width="160" />
-          <ElTableColumn label="提交人" prop="initiator_name" min-width="120" />
+          <ElTableColumn label="提交人" prop="initiator_name" min-width="120">
+            <template #default="scope">
+              <div style="display: flex; align-items: center">
+                <img class="avatar" :src="scope.row.initiator_avatar" alt="" />
+                <p>{{ scope.row.initiator_name }}</p>
+              </div>
+            </template>
+          </ElTableColumn>
           <ElTableColumn label="审核人" prop="approver_name" min-width="120" />
           <ElTableColumn label="状态" prop="status_desc" min-width="120" />
-          <ElTableColumn label="审批时间" prop="approved_at" min-width="120" />
-          <ElTableColumn label="创建时间" prop="created_at" min-width="120" />
+          <ElTableColumn label="提交时间" prop="created_at" min-width="120" />
           <ElTableColumn label="操作" fixed="right" min-width="140" align="center">
             <template #default="scope">
               <ElRow :gutter="10" justify="center">
@@ -69,7 +71,7 @@
     <!-- 快速审批弹出框 -->
     <el-dialog
       v-model="approvalDialogVisible"
-      title="合塑实业-汽车事业部-备货单(客户下定)"
+      :title="orderDialog.title"
       width="80%"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
@@ -77,18 +79,23 @@
     >
       <div class="approval-content">
         <!-- 头部信息 -->
-        <OrderDetailContent :orderData="orderDialog.orderData" />
+        <div v-if="orderDialog.type == 'stock_orders'">
+          <OrderDetailContent :orderData="orderDialog.orderData" />
+        </div>
+        <div v-if="orderDialog.type == 'purchase_orders'">
+          <ProcurementDetailView :detailData="orderDialog.orderData" />
+        </div>
         <!-- 审批备注 -->
         <div class="info-section">
           <ElRow :gutter="12">
             <ElCol :span="24">
               <el-input
-                  v-model="approvalNotes"
-                  type="textarea"
-                  :rows="2"
-                  placeholder="备注"
-                  class="approval-notes"
-                />
+                v-model="approvalNotes"
+                type="textarea"
+                :rows="2"
+                placeholder="备注"
+                class="approval-notes"
+              />
             </ElCol>
           </ElRow>
         </div>
@@ -96,15 +103,50 @@
 
       <template #footer>
         <div class="dialog-footer">
-          <ElButton type="primary" plain size="large" class="submit-btn" @click="handleApprove('reject')"
+          <ElButton
+            type="primary"
+            plain
+            size="large"
+            class="submit-btn"
+            @click="handleApprove('reject')"
             >驳回</ElButton
           >
           <ElButton type="primary" size="large" class="submit-btn" @click="handleApprove('approve')"
             >同意</ElButton
           >
+          <ElButton type="warning" size="large" class="submit-btn" @click="handleTransfer()"
+            >转交</ElButton
+          >
         </div>
       </template>
     </el-dialog>
+    <!-- 转交弹出框 -->
+    <el-dialog v-model="zjDialogVisible" title="转交" width="450px">
+      <el-form :model="zjForm" label-width="80px">
+        <el-form-item label="转交人" prop="to_uid">
+          <el-select
+            v-model="zjForm.to_uid"
+            filterable
+            placeholder="请选择转交人"
+            style="width: 100%"
+          >
+            <el-option
+              v-for="item in userOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <ElFormItem label="转交原因" prop="reason">
+          <ElInput v-model="zjForm.reason" type="textarea" :rows="3" placeholder="请输入转交原因" />
+        </ElFormItem>
+        <div style="display: flex; justify-content: space-around; margin-top: 24px">
+          <el-button @click="zjDialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="handlezjSubmit">确定</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
@@ -112,13 +154,16 @@
   import { router } from '@/router'
   import { manageService } from '@/api/adminApi'
   import { useAuth } from '@/composables/useAuth'
-  import { CrmService } from '@/api/crmApi'
   import { commonService } from '@/api/commonApi'
   import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
   import type { OrderData } from '@/composables/useOrderDetailDialog'
+  import ProcurementDetailView from '@/components/custom/ProcurementDetailView.vue'
   defineOptions({ name: 'AdminStockingPage' })
+  const zjDialogVisible = ref(false)
   const orderDialog = reactive({
-    orderData: {} as OrderData
+    orderData: {} as OrderData,
+    title: '',
+    type: ''
   })
   const { hasAuth } = useAuth()
   const loading = ref(false)
@@ -126,28 +171,23 @@
   const tableRef = ref()
   const tableData = ref<any[]>([])
   const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
-
+  const userOptions = ref<any>()
+  const getuserList = async () => {
+    // 这里调用获取用户列表的接口
+    const res = await manageService.presetusers()
+    userOptions.value = res || []
+    // return res || []
+  }
+  const zjForm = reactive({
+    to_uid: '',
+    instance_id: '',
+    step_index: '',
+    reason: ''
+  })
   // 审批弹出框相关
   const approvalDialogVisible = ref(false)
-  const stockingInfo = ref<any>({})
-
-  // 回显视图模型，字段与模板一致
-  const header = reactive({ order_no: '', salesman: '' })
-  const base = reactive({
-    pn_no: '',
-    date: '',
-    close_date: '',
-    channel: '',
-    customer_name: '',
-    client_country: '',
-    total_cif: '',
-    total_cif_currency: '',
-    contract_rate: ''
-  })
-  const items = ref<any[]>([])
 
   const approvalNotes = ref('')
-  const approvalAction = ref('')
   onMounted(() => {
     getList()
   })
@@ -164,7 +204,7 @@
       const params = {
         current: currentPage,
         size: pageSize,
-        is_final: 0, // 只获取备货单，非终版
+        scene: 'todo',
         keyword: keyword.value
       }
 
@@ -186,36 +226,58 @@
     pagination.currentPage = page
     getList()
   }
-
-  const handleCreate = () => {
-    // TODO: 跳转到创建备货单页面
-    router.push('/crmpc/stocking_list/Add')
-  }
   const handleView = (row: any) => {
     router.push({
       path: '/admin/approval/stocking_auth_detil',
-      query: { id: row.id, biz_id: row.biz_id, instance_id: row.instance_id, status: row.status } // 可带客户名等参数
+      query: {
+        id: row.id,
+        biz_id: row.biz_id,
+        instance_id: row.instance_id,
+        status: row.status,
+        flow_type: row.flow_type,
+        step_index: row.step_index
+      } // 可带客户名等参数
     })
   }
-  const handleView1 = (row: any) => {
-    router.push('/crmpc/stocking_list/final_show')
-    // TODO: 跳转或弹窗查看备货单
-  }
-  const toMoneyView = (m: any) => ({
-    amount: m?.amount ?? '',
-    currency: m?.currency ?? ''
-  })
-  const getDictItemSelectlist = ref<any[]>([])
-  const getDictItemSelect = async () => {
-    const res = await commonService.getDictItemSelect({ dict_id: '18' })
-    getDictItemSelectlist.value = res
-  }
   const instance_id = ref('')
+  function extractFileName(pathOrUrl: string | undefined | null): string {
+    if (!pathOrUrl) return '合同文件'
+    try {
+      const clean = String(pathOrUrl)
+      const afterSlash = clean.split(/[\\/]/).pop() || '合同文件'
+      return decodeURIComponent(afterSlash)
+    } catch {
+      return '合同文件'
+    }
+  }
+  const activerow = ref()
   const handleCreateRepair = async (row: any) => {
+    activerow.value = row
     instance_id.value = row.instance_id
-    const res = await manageService.checkStock({ id: row.biz_id })
-    const orderData: OrderData = res
-    orderDialog.orderData = orderData
+    const res = await manageService.stockapprovaldetailborder({
+      id: row.id,
+      flow_type: row.flow_type
+    })
+    if (row.flow_type == 'stock_orders') {
+      const orderData: OrderData = res
+      orderDialog.orderData = orderData
+      orderDialog.type = row.flow_type
+      orderDialog.title = '合塑实业-汽车事业部-备货单(客户下定)'
+    } else if (row.flow_type == 'purchase_orders') {
+      const orderData: OrderData = res
+      const urls = res.contract_file_url
+      const paths = res.contract_file
+      const list: Array<{ name: string; url: string }> = []
+      const nameFromPath = (p: string) => extractFileName(p)
+      urls.forEach((u: string, i: number) => {
+        const p = paths[i] || ''
+        list.push({ name: p ? nameFromPath(p) : extractFileName(u), url: u })
+      })
+      orderData.contract_file_url = list
+      orderDialog.orderData = orderData
+      orderDialog.type = row.flow_type
+      orderDialog.title = '合塑实业-汽车事业部-采购单(采购)'
+    }
     approvalDialogVisible.value = true
   }
 
@@ -240,9 +302,47 @@
       ElMessage.error('审批失败')
     }
   }
+  // 转交操作
+  const handleTransfer = async () => {
+    zjForm.instance_id = activerow.value.instance_id
+    zjForm.step_index = activerow.value.step_index
+    getuserList()
+    zjDialogVisible.value = true
+  }
+  const handlezjSubmit = async () => {
+    if (!zjForm.to_uid) {
+      ElMessage.warning('请选择转交人')
+      return
+    }
+    if (!zjForm.reason) {
+      ElMessage.warning('请输入转交原因')
+      return
+    }
+    try {
+      const { message } = await manageService.stockapprovaltransfer(zjForm)
+      ElMessage.success(message)
+      zjDialogVisible.value = false
+      approvalDialogVisible.value = false
+      approvalNotes.value = ''
+      zjForm.to_uid = ''
+      zjForm.reason = ''
+      instance_id.value = ''
+      // 刷新列表
+      getList()
+    } catch (error) {
+      console.error('转交失败:', error)
+      // ElMessage.error('转交失败')
+    }
+  }
 </script>
 
 <style scoped lang="scss">
+  .avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 6px;
+    margin-right: 10px;
+  }
   .stocking-page {
     background: var(--art-main-bg-color);
     min-height: 100vh;
@@ -273,22 +373,22 @@
     .approval-content {
       max-height: 70vh;
       overflow-y: auto;
-    }
+  }
 
-    .header {
-      display: flex;
+  .header {
+    display: flex;
       justify-content: center;
-      align-items: center;
+    align-items: center;
       margin-bottom: 12px;
       color: #333333;
       .mr40 { margin-right: 40px; }
     }
 
     .info-section {
-      margin-bottom: 24px;
+      margin: 24px 0px;
 
       .section-title {
-        display: flex;
+    display: flex;
         align-items: center;
         margin-bottom: 16px;
 
@@ -336,20 +436,20 @@
             margin-bottom: 12px;
 
             .detail-item {
-              display: flex;
-              flex-direction: column;
+          display: flex;
+          flex-direction: column;
 
               label {
                 margin-bottom: 6px;
                 font-size: 14px;
-                font-weight: 500;
+              font-weight: 500;
                 color: #606266;
-              }
             }
           }
         }
       }
     }
+  }
 
     .summary-section {
       display: flex;
diff --git a/src/views/admin/approval/stocking_auth_detil.vue b/src/views/admin/approval/stocking_auth_detil.vue
index 65dab8b..3c50ea4 100644
--- a/src/views/admin/approval/stocking_auth_detil.vue
+++ b/src/views/admin/approval/stocking_auth_detil.vue
@@ -1,7 +1,12 @@
 <template>
   <div class="stocking-show-page">
     <div class="boxshadow">
-      <OrderDetailContent :orderData="orderDialog.orderData" />
+      <div v-if="flow_type == 'stock_orders'">
+        <OrderDetailContent :orderData="orderDialog.orderData" />
+      </div>
+      <div v-if="flow_type == 'purchase_orders'">
+        <ProcurementDetailView :detailData="orderDialog.orderData" />
+      </div>
     </div>
     <!-- 上传合同 -->
     <div class="boxshadow">
@@ -99,6 +104,9 @@
         <ElButton type="primary" size="large" class="submit-btn" @click="handleSubmit('approve')"
           >同意</ElButton
         >
+        <ElButton type="warning" size="large" class="submit-btn" @click="handleTransfer()"
+          >转交</ElButton
+        >
       </div>
     </div>
     <!-- PDF 预览弹窗 -->
@@ -122,30 +130,102 @@
         />
       </div>
     </el-dialog>
+    <!-- 转交弹出框 -->
+    <el-dialog v-model="zjDialogVisible" title="转交" width="450px">
+      <el-form :model="zjForm" label-width="80px">
+        <el-form-item label="转交人" prop="to_uid">
+          <el-select
+            v-model="zjForm.to_uid"
+            filterable
+            placeholder="请选择转交人"
+            style="width: 100%"
+          >
+            <el-option
+              v-for="item in userOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <ElFormItem label="转交原因" prop="reason">
+          <ElInput v-model="zjForm.reason" type="textarea" :rows="3" placeholder="请输入转交原因" />
+        </ElFormItem>
+        <div style="display: flex; justify-content: space-around; margin-top: 24px">
+          <el-button @click="zjDialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="handlezjSubmit">确定</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { CrmService } from '@/api/crmApi'
   import { commonService } from '@/api/commonApi'
   import { manageService } from '@/api/adminApi'
   import { useRoute } from 'vue-router'
   import { ElMessage } from 'element-plus'
   import { usePdfPreview } from '@/composables/usePdfPreview'
   import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
+  import ProcurementDetailView from '@/components/custom/ProcurementDetailView.vue'
   import type { OrderData } from '@/composables/useOrderDetailDialog'
   import { router } from '@/router'
   defineOptions({ name: 'AdminStockingAuthDetil' })
   const { pdf, frameRef, download } = usePdfPreview()
+  const zjDialogVisible = ref(false)
   const route = useRoute()
-  // const approval_id = route.query.id
+  const approval_id = route.query.id
   const stocking_id = route.query.biz_id
   const instance_id = route.query.instance_id
+  const step_index = route.query.step_index
   const status = route.query.status
+  const flow_type = route.query.flow_type
   const approvalNotes = ref('')
   const orderDialog = reactive({
     orderData: {} as OrderData
   })
+  const userOptions = ref<any>()
+  const getuserList = async () => {
+    // 这里调用获取用户列表的接口
+    const res = await manageService.presetusers()
+    userOptions.value = res || []
+    // return res || []
+  }
+  const zjForm = reactive({
+    to_uid: '',
+    instance_id: '',
+    step_index: '',
+    reason: ''
+  })
+  // 转交操作
+  const handleTransfer = async () => {
+    getuserList()
+    zjDialogVisible.value = true
+  }
+  const handlezjSubmit = async () => {
+    if (!zjForm.to_uid) {
+      ElMessage.warning('请选择转交人')
+      return
+    }
+    if (!zjForm.reason) {
+      ElMessage.warning('请输入转交原因')
+      return
+    }
+    try {
+      const zjForms = {
+        to_uid: zjForm.to_uid,
+        instance_id: instance_id,
+        step_index: step_index,
+        reason: zjForm.reason
+      }
+      const { message } = await manageService.stockapprovaltransfer(zjForms)
+      ElMessage.success(message)
+      router.push('/admin/approval/stocking_auth')
+    } catch (error) {
+      console.error('转交失败:', error)
+      // ElMessage.error('转交失败')
+    }
+  }
   const handleSubmit = async (approvalAction: string) => {
     try {
       const { message } = await manageService.stockapprovalpass({
@@ -169,17 +249,38 @@
 
   // 合同文件
   const contractFile = ref<{ name: string; url: string; file_name: string } | null>(null)
-
-  const toMoneyView = (m: any) => ({
-    amount: m?.amount ?? '',
-    currency: m?.currency ?? ''
-  })
-
+  function extractFileName(pathOrUrl: string | undefined | null): string {
+    if (!pathOrUrl) return '合同文件'
+    try {
+      const clean = String(pathOrUrl)
+      const afterSlash = clean.split(/[\\/]/).pop() || '合同文件'
+      return decodeURIComponent(afterSlash)
+    } catch {
+      return '合同文件'
+    }
+  }
   //获取详情并映射到回显模型
   const getdetilfn = async () => {
-    const res = await manageService.checkStock({ id: stocking_id })
-    const orderData: OrderData = res
-    orderDialog.orderData = orderData
+    const res = await manageService.stockapprovaldetailborder({
+      id: approval_id,
+      flow_type: flow_type
+    })
+    if (flow_type == 'stock_orders') {
+      const orderData: OrderData = res
+      orderDialog.orderData = orderData
+    } else if (flow_type == 'purchase_orders') {
+      const orderData: OrderData = res
+      const urls = res.contract_file_url
+      const paths = res.contract_file
+      const list: Array<{ name: string; url: string }> = []
+      const nameFromPath = (p: string) => extractFileName(p)
+      urls.forEach((u: string, i: number) => {
+        const p = paths[i] || ''
+        list.push({ name: p ? nameFromPath(p) : extractFileName(u), url: u })
+      })
+      orderData.contract_file_url = list
+      orderDialog.orderData = orderData
+    }
     // 合同文件
     if (res?.contract) {
       contractFile.value = {
diff --git a/src/views/admin/approval/stocking_auth_history.vue b/src/views/admin/approval/stocking_auth_history.vue
new file mode 100644
index 0000000..02abf2a
--- /dev/null
+++ b/src/views/admin/approval/stocking_auth_history.vue
@@ -0,0 +1,406 @@
+<template>
+  <div class="stocking-page">
+    <div class="stocking-toolbar boxshadow">
+      <!-- <div class="toolbar-left">
+        <ElButton type="primary" v-ripple @click="handleCreate">创建备货单</ElButton>
+      </div> -->
+      <div class="toolbar-right">
+        <el-input
+          v-model="keyword"
+          placeholder="请输入客户名称"
+          clearable
+          style="width: 260px"
+          @keyup.enter="getList"
+        >
+          <template #suffix>
+            <el-icon class="clickable" @click="getList"><Search /></el-icon>
+          </template>
+        </el-input>
+      </div>
+    </div>
+
+    <div class="boxshadow">
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      >
+        <template #default>
+          <ElTableColumn label="审批单名称" prop="flows_name" min-width="140" />
+          <ElTableColumn label="审批说明" prop="biz_desc" min-width="160" />
+          <ElTableColumn label="审批结果" prop="action_desc" min-width="160" />
+          <ElTableColumn label="提交人" prop="initiator_name" min-width="120">
+            <template #default="scope">
+              <div style="display: flex; align-items: center">
+                <img class="avatar" :src="scope.row.initiator_avatar" alt="" />
+                <p>{{ scope.row.initiator_name }}</p>
+              </div>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="审核人" prop="approver_name" min-width="120" />
+          <ElTableColumn label="状态" prop="status_desc" min-width="120" />
+          <ElTableColumn label="审批时间" prop="approved_at" min-width="120" />
+          <ElTableColumn label="提交时间" prop="created_at" min-width="120" />
+          <ElTableColumn label="操作" fixed="right" min-width="140" align="center">
+            <template #default="scope">
+              <ElRow :gutter="10" justify="center">
+                <el-link
+                  type="primary"
+                  underline="never"
+                  @click="handleView(scope.row)"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe76c;</i> 查看审批
+                </el-link>
+                <el-link
+                  v-if="scope.row.status == 'pending'"
+                  type="success"
+                  underline="never"
+                  @click="handleCreateRepair(scope.row)"
+                >
+                  <i class="iconfont-sys">&#xe6bf;</i> 快速审批
+                </el-link>
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+
+    <!-- 快速审批弹出框 -->
+    <el-dialog
+      v-model="approvalDialogVisible"
+      title="合塑实业-汽车事业部-备货单(客户下定)"
+      width="80%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <OrderDetailContent :orderData="orderDialog.orderData" />
+        <!-- 审批备注 -->
+        <div class="info-section">
+          <ElRow :gutter="12">
+            <ElCol :span="24">
+              <el-input
+                  v-model="approvalNotes"
+                  type="textarea"
+                  :rows="2"
+                  placeholder="备注"
+                  class="approval-notes"
+                />
+            </ElCol>
+          </ElRow>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton type="primary" plain size="large" class="submit-btn" @click="handleApprove('reject')"
+            >驳回</ElButton
+          >
+          <ElButton type="primary" size="large" class="submit-btn" @click="handleApprove('approve')"
+            >同意</ElButton
+          >
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { router } from '@/router'
+  import { manageService } from '@/api/adminApi'
+  import { useAuth } from '@/composables/useAuth'
+  import { CrmService } from '@/api/crmApi'
+  import { commonService } from '@/api/commonApi'
+  import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
+  import type { OrderData } from '@/composables/useOrderDetailDialog'
+  defineOptions({ name: 'AdminStockingPage' })
+  const orderDialog = reactive({
+    orderData: {} as OrderData
+  })
+  const { hasAuth } = useAuth()
+  const loading = ref(false)
+  const keyword = ref('')
+  const tableRef = ref()
+  const tableData = ref<any[]>([])
+  const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
+
+  // 审批弹出框相关
+  const approvalDialogVisible = ref(false)
+  const stockingInfo = ref<any>({})
+
+  // 回显视图模型，字段与模板一致
+  const header = reactive({ order_no: '', salesman: '' })
+  const base = reactive({
+    pn_no: '',
+    date: '',
+    close_date: '',
+    channel: '',
+    customer_name: '',
+    client_country: '',
+    total_cif: '',
+    total_cif_currency: '',
+    contract_rate: ''
+  })
+  const items = ref<any[]>([])
+
+  const approvalNotes = ref('')
+  const approvalAction = ref('')
+  onMounted(() => {
+    getList()
+  })
+
+  watch([keyword], () => {
+    pagination.currentPage = 1
+    // 不自动请求，保持与截图行为一致，点击搜索或回车触发
+  })
+
+  const getList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        scene: 'history',
+        keyword: keyword.value
+      }
+
+      const { records, current, size, total } = await manageService.stockapprovalrecord(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    getList()
+  }
+  const handleCurrentChange = (page: number) => {
+    pagination.currentPage = page
+    getList()
+  }
+  const handleView = (row: any) => {
+    router.push({
+      path: '/admin/approval/stocking_auth_detil',
+      query: {
+        id: row.id,
+        biz_id: row.biz_id,
+        instance_id: row.instance_id,
+        status: row.status,
+        flow_type: row.flow_type,
+        step_index: row.step_index
+      } // 可带客户名等参数
+    })
+  }
+  const instance_id = ref('')
+  const handleCreateRepair = async (row: any) => {
+    instance_id.value = row.instance_id
+    const res = await manageService.checkStock({ id: row.biz_id })
+    const orderData: OrderData = res
+    orderDialog.orderData = orderData
+    approvalDialogVisible.value = true
+  }
+
+  // 审批操作
+  const handleApprove = async (approvalAction: string) => {
+    try {
+      // 这里调用审批API
+      const { message } = await manageService.stockapprovalpass({
+        instance_id: instance_id.value,
+        action: approvalAction,
+        comment: approvalNotes.value
+      })
+
+      ElMessage.success(message)
+      approvalDialogVisible.value = false
+      approvalNotes.value = ''
+      instance_id.value = ''
+      // 刷新列表
+      getList()
+    } catch (error) {
+      console.error('审批失败:', error)
+      ElMessage.error('审批失败')
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 6px;
+    margin-right: 10px;
+  }
+  .stocking-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .stocking-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 12px 16px;
+    background: var(--art-main-bg-color);
+  }
+  .toolbar-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+  }
+  .clickable {
+    cursor: pointer;
+  }
+
+  // 审批弹出框样式
+  .approval-dialog {
+    .approval-content {
+      max-height: 70vh;
+      overflow-y: auto;
+    }
+
+    .header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-bottom: 12px;
+      color: #333333;
+      .mr40 { margin-right: 40px; }
+    }
+
+    .info-section {
+      margin-bottom: 24px;
+
+      .section-title {
+        display: flex;
+        align-items: center;
+        margin-bottom: 16px;
+
+        .title-bar {
+          width: 4px;
+          height: 20px;
+          background: #409eff;
+          margin-right: 8px;
+          border-radius: 2px;
+        }
+
+        span {
+          font-size: 16px;
+          font-weight: 600;
+          color: #303133;
+        }
+      }
+    }
+
+    .order-items {
+      .order-item {
+        border: 1px solid #e4e7ed;
+        border-radius: 8px;
+        padding: 16px;
+        margin-bottom: 16px;
+        background: #fafafa;
+
+        .item-header {
+          margin-bottom: 16px;
+          padding-bottom: 12px;
+          border-bottom: 1px solid #e4e7ed;
+
+          .item-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #303133;
+          }
+        }
+
+        .item-details {
+          .detail-row {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 16px;
+            margin-bottom: 12px;
+
+            .detail-item {
+              display: flex;
+              flex-direction: column;
+
+              label {
+                margin-bottom: 6px;
+                font-size: 14px;
+                font-weight: 500;
+                color: #606266;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .summary-section {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px;
+      background: #f0f9ff;
+      border-radius: 8px;
+      margin-bottom: 24px;
+
+      .summary-item {
+        .summary-label {
+          font-weight: 600;
+          color: #606266;
+          margin-right: 8px;
+        }
+        .summary-value {
+          font-size: 18px;
+          font-weight: 700;
+          color: #409eff;
+        }
+      }
+    }
+
+    .approval-notes {
+      width: 100%;
+    }
+
+    .dialog-footer {
+      display: flex;
+      justify-content: space-around;
+      width: 500px;
+      margin: auto;
+      gap: 12px;
+
+      .reject-btn {
+        border-color: #409eff;
+        color: #409eff;
+        background: white;
+
+        &:hover {
+          background: #ecf5ff;
+        }
+      }
+
+      .approve-btn {
+        background: #409eff;
+        border-color: #409eff;
+      }
+    }
+  }
+</style>
diff --git a/src/views/admin/customer/index.vue b/src/views/admin/customer/index.vue
index 74d3226..e9f94d7 100644
--- a/src/views/admin/customer/index.vue
+++ b/src/views/admin/customer/index.vue
@@ -19,6 +19,17 @@
             </el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="客户渠道" prop="channel_id">
+          <el-select v-model="selectchannel_id" filterable placeholder="请选择客户渠道">
+            <el-option label="全部" value="" />
+            <el-option
+              v-for="item in channelOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
       </div>
       <el-button type="primary" @click="exportfn" v-if="hasAuth('customer@export')">
         <i class="iconfont-sys">&#xe89f;</i> 导出
@@ -346,6 +357,7 @@
   const activecolor = '#3471ff'
   const { hasAuth } = useAuth()
   const selectValue = ref<string[]>([])
+  const selectchannel_id = ref<string>('')
   const showMore = ref(false)
   const loading = ref(false)
   const detailDialogVisible = ref(false)
@@ -373,6 +385,12 @@
     customer_id: '',
     user_id: ''
   })
+  const channelOptions = ref<any>()
+  //渠道
+  const getgetChannel = async () => {
+    const res = await CrmService.getChannel()
+    channelOptions.value = res || []
+  }
   const userOptions = ref<any>()
   const getuserList = async () => {
     // 这里调用获取用户列表的接口
@@ -402,12 +420,13 @@
   // 表格数据
   const tableData = ref<any[]>([])
   onMounted(() => {
+    getgetChannel()
     getuserList()
     gettableList()
     tagGrouplistfn()
   })
   // tabs 切换联动
-  watch([selectValue, keyword], () => {
+  watch([selectValue, keyword, selectchannel_id], () => {
     pagination.currentPage = 1
     gettableList()
   })
@@ -425,6 +444,9 @@
       if (keyword.value) {
         params.keyword = keyword.value
       }
+      if (selectchannel_id.value) {
+        params.channel_id = selectchannel_id.value
+      }
       // 标签参数，所有选中的标签id组成数组
       const selectedTagIds = Object.values(tagActiveMap).filter(Boolean)
       if (selectedTagIds.length) {
diff --git a/src/views/admin/procurement/purchase_order.vue b/src/views/admin/procurement/purchase_order.vue
new file mode 100644
index 0000000..b6d0fd2
--- /dev/null
+++ b/src/views/admin/procurement/purchase_order.vue
@@ -0,0 +1,1151 @@
+<template>
+  <div class="port-page">
+    <div class="port-toolbar boxshadow">
+      <div class="toolbar-left">
+        <ElButton @click="showDialog('add')" v-ripple type="primary">创建</ElButton>
+      </div>
+      <div class="toolbar-right">
+        <el-input
+          v-model="keyword"
+          placeholder="请输入关键字"
+          clearable
+          style="width: 260px"
+          @keyup.enter="getPortList"
+        >
+          <template #suffix>
+            <el-icon class="clickable" @click="getPortList"><Search /></el-icon>
+          </template>
+        </el-input>
+      </div>
+    </div>
+    <div class="boxshadow">
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      >
+        <template #default>
+          <ElTableColumn label="采购单号" prop="order_no" />
+          <ElTableColumn label="阿里订单号/PI号" prop="pi_no" />
+          <ElTableColumn label="提交人" prop="buyer_name" />
+          <ElTableColumn label="备注" prop="remark" />
+          <ElTableColumn label="状态" prop="status">
+            <template #default="scope">
+              <ElTag
+                :type="
+                  scope.row.status == 0
+                    ? 'info'
+                    : scope.row.status == 1
+                      ? 'warning'
+                      : scope.row.status == 3
+                        ? 'danger'
+                        : 'success'
+                "
+              >
+                {{ scope.row.status_text }}
+              </ElTag>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="创建时间" prop="created_at" />
+          <ElTableColumn fixed="right" label="操作" width="240px">
+            <template #default="scope">
+              <ElRow>
+                <el-button type="success" link @click="showDialogdetil(scope.row)">
+                  详情
+                </el-button>
+                <el-button type="warning" link @click="showDialogtimeline(scope.row)">
+                  查看审批
+                </el-button>
+                <el-button
+                  link
+                  v-if="scope.row.status == 0 || scope.row.status == 3"
+                  @click="showDialog('edit', scope.row)"
+                  >编辑</el-button
+                >
+                <el-button type="danger" link @click="deleteprocurement(scope.row)">删除</el-button>
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+
+    <ElDialog
+      v-model="dialogVisible"
+      :title="dialogType === 'add' ? '新增采购单' : '编辑采购单'"
+      align-center
+      width="900px"
+      class="purchase-dialog"
+    >
+      <ElForm ref="formRef" :model="poForm" :rules="poRules" label-width="120px" class="form">
+        <ElFormItem label="PI号" prop="pi_no">
+          <ElSelect v-model="poForm.pi_no" placeholder="请选择PI号" style="width: 100%">
+            <ElOption v-for="pi in piOptions" :key="pi.pi_no" :value="pi.pi_no" />
+          </ElSelect>
+        </ElFormItem>
+
+        <ElFormItem label="备货单组">
+          <div style="width: 100%">
+            <div class="group-header">
+              <!-- <div class="title">备货单组</div> -->
+              <ElButton type="primary" link @click="addGroup">+ 添加备货单组</ElButton>
+            </div>
+
+            <div class="groups">
+              <div class="group" v-for="(group, gIdx) in poForm.stock_order" :key="group.id">
+                <div class="group-row">
+                  <div class="field">
+                    <div class="label">备货单</div>
+                    <div class="value">
+                      <template v-if="group.id">
+                        <span class="order-tag">
+                          {{ group.order_no || '备货单' }}
+                          <template v-if="group.salesperson_snapshot">
+                            （{{ group.salesperson_snapshot }}）
+                          </template>
+                        </span>
+                        <ElButton link type="primary" @click="openOrderPicker(gIdx)">更换</ElButton>
+                      </template>
+                      <template v-else>
+                        <ElButton type="primary" @click="openOrderPicker(gIdx)"
+                          >选择备货单</ElButton
+                        >
+                      </template>
+                    </div>
+                  </div>
+
+                  <div class="field">
+                    <div class="label">车辆</div>
+                    <div class="value">
+                      <template v-if="group.stock_order_items && group.stock_order_items.length">
+                        <div class="chips">
+                          <span
+                            class="chip"
+                            v-for="v in group.stock_order_items || []"
+                            :key="v.stock_order_items_id || v.id"
+                          >
+                            {{ v.model_snapshot }}
+                          </span>
+                        </div>
+                        <ElButton
+                          link
+                          type="primary"
+                          @click="openVehiclePicker(gIdx)"
+                          :disabled="!group.id"
+                          >车辆</ElButton
+                        >
+                      </template>
+                      <template v-else>
+                        <ElButton @click="openVehiclePicker(gIdx)" :disabled="!group.id">
+                          选择车辆
+                        </ElButton>
+                        <span class="tip" v-if="!group.id">请先选择备货单</span>
+                      </template>
+                    </div>
+                  </div>
+
+                  <div class="ops">
+                    <ElButton
+                      link
+                      type="danger"
+                      @click="removeGroup(gIdx)"
+                      v-if="poForm.stock_order.length > 1"
+                      >移除</ElButton
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </ElFormItem>
+
+        <ElFormItem label="备注" prop="remark">
+          <ElInput v-model="poForm.remark" type="textarea" :rows="3" placeholder="请输入备注" />
+        </ElFormItem>
+
+        <ElFormItem label="上传合同" prop="contract">
+          <div class="contract-upload">
+            <el-upload
+              class="upload-contract"
+              :show-file-list="false"
+              :action="contractUploadUrl"
+              :headers="uploadHeaders"
+              :on-success="handleContractSuccess"
+              :multiple="true"
+            >
+              <img :src="imageUrl1" alt="" class="avatarimg" />
+              <!-- <ElButton type="primary" link>上传合同</ElButton> -->
+            </el-upload>
+            <div class="contract-files" v-if="poForm.contract_file && poForm.contract_file.length">
+              <div class="contract-file" v-for="(file, index) in poForm.contract_file" :key="index">
+                <el-icon class="file-icon"><Document /></el-icon>
+                <span class="file-name">{{ file.original_name || '合同文件' }}</span>
+                <ElButton link type="danger" @click="removeContract(index)">移除</ElButton>
+              </div>
+            </div>
+          </div>
+        </ElFormItem>
+        <ElFormItem label="审核说明" prop="approval_desc">
+          <ElInput
+            v-model="poForm.approval_desc"
+            type="textarea"
+            :rows="3"
+            placeholder="请输入审核说明"
+          />
+          <el-text class="mx-1" type="warning">提审的时候请填写审核说明！</el-text>
+        </ElFormItem>
+      </ElForm>
+
+      <template #footer>
+        <div class="dialog-footer" style="text-align: center">
+          <ElButton @click="handlePOSubmit(formRef, '1')">保存</ElButton>
+          <ElButton type="primary" @click="handlePOSubmit(formRef, '0')">提交</ElButton>
+        </div>
+      </template>
+    </ElDialog>
+
+    <!-- 选择备货单弹窗 -->
+    <ElDialog v-model="orderPicker.visible" title="选择备货单" width="800px" align-center>
+      <ArtTable :data="orderPicker.data" :loading="orderPicker.loading">
+        <template #default>
+          <ElTableColumn label="备货单号" prop="order_no" min-width="160" />
+          <ElTableColumn label="业务员" prop="salesperson_snapshot" min-width="160" />
+          <ElTableColumn label="创建时间" prop="biz_date" min-width="160" />
+          <ElTableColumn label="操作" width="120">
+            <template #default="scope">
+              <template v-if="isOrderSelected(scope.row)">
+                <ElButton size="small" type="success" disabled>已选择</ElButton>
+              </template>
+              <template v-else>
+                <ElButton
+                  size="small"
+                  type="primary"
+                  :disabled="isOrderDisabled(scope.row)"
+                  @click="chooseOrder(scope.row)"
+                  >选择</ElButton
+                >
+              </template>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+      <template #footer>
+        <ElButton @click="orderPicker.visible = false">关闭</ElButton>
+      </template>
+    </ElDialog>
+
+    <!-- 选择车辆弹窗 -->
+    <ElDialog v-model="vehiclePicker.visible" title="选择车辆" width="900px" align-center>
+      <el-table
+        ref="innerElTableRef"
+        :data="vehiclePicker.data"
+        :loading="vehiclePicker.loading"
+        :row-key="rowKeyOfVehicle"
+        :reserve-selection="true"
+        @selection-change="onVehicleSelectionChange"
+        style="width: 100%"
+      >
+        <el-table-column type="selection" width="48" />
+        <el-table-column label="车辆" prop="model_snapshot" min-width="160" />
+        <el-table-column label="内饰" prop="color_exterior_snapshot" />
+        <el-table-column label="外饰" prop="color_interior_snapshot" />
+      </el-table>
+      <template #footer>
+        <ElButton @click="vehiclePicker.visible = false">取消</ElButton>
+        <ElButton type="primary" @click="confirmVehicles">确定</ElButton>
+      </template>
+    </ElDialog>
+    <!-- 详情弹窗 -->
+    <ElDialog v-model="detailDialogVisible" title="详情" width="900px" align-center>
+      <div class="detail-wrap">
+        <div class="detail-grid">
+          <div class="item"
+            ><span class="label">采购单号:</span
+            ><span class="value">{{ detailData.order_no || '—' }}</span></div
+          >
+          <div class="item"
+            ><span class="label">PI号:</span
+            ><span class="value">{{ detailData.pi_no || '—' }}</span></div
+          >
+          <div class="item"
+            ><span class="label">提交人:</span
+            ><span class="value">{{ detailData.buyer_name || '—' }}</span></div
+          >
+          <div class="item full"
+            ><span class="label">备注:</span
+            ><span class="value">{{ detailData.remark || '—' }}</span></div
+          >
+        </div>
+
+        <div class="detail-block">
+          <div class="block-title">合同文件</div>
+          <div v-if="detailData.files && detailData.files.length" class="files-list">
+            <div class="file-row" v-for="(f, idx) in detailData.files" :key="idx">
+              <el-icon class="file-icon"><Document /></el-icon>
+              <span class="file-name">{{ f.name }}</span>
+              <a class="el-link el-link--primary" :href="f.url" target="_blank" rel="noopener"
+                >查看</a
+              >
+              <a class="el-link el-link--info" :href="f.url" :download="f.name">下载</a>
+            </div>
+          </div>
+          <div v-else class="empty-tip">无合同文件</div>
+        </div>
+
+        <div class="detail-block">
+          <div class="block-title">备货单组</div>
+          <div v-if="detailData.stock_order && detailData.stock_order.length" class="groups">
+            <div class="group" v-for="(g, gi) in detailData.stock_order" :key="gi">
+              <div class="group-head">
+                <span class="order">{{ g.order_no || '备货单' }}</span>
+                <span class="seller" v-if="g.salesperson_snapshot"
+                  >（{{ g.salesperson_snapshot }}）</span
+                >
+                <span class="date" v-if="g.biz_date">{{ g.biz_date }}</span>
+              </div>
+              <div class="chips">
+                <span class="chip" v-for="(v, vi) in g.stock_order_items || []" :key="vi">{{
+                  v.model_snapshot
+                }}</span>
+              </div>
+            </div>
+          </div>
+          <div v-else class="empty-tip">无备货单数据</div>
+        </div>
+      </div>
+      <template #footer>
+        <ElButton @click="detailDialogVisible = false">关闭</ElButton>
+      </template>
+    </ElDialog>
+    <el-dialog
+      v-model="timelineDialogVisible"
+      title="审批历史"
+      width="600px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <ApprovalTimeline :records="approvalRecords" />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElMessage } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { purchaseService } from '@/api/admin/procurement'
+  import { useUploadHeaders } from '@/composables/useUploadHeaders'
+  import { Document } from '@element-plus/icons-vue'
+  import imageUrl1 from '@/assets/img/crm/upimg.png'
+  import ApprovalTimeline from '@/components/custom/ApprovalTimeline.vue'
+  import { manageService } from '@/api/adminApi'
+  const approvalRecords = ref<any[]>([])
+  const { uploadHeaders } = useUploadHeaders()
+  const timelineDialogVisible = ref(false)
+  defineOptions({ name: 'AdminpurchaseOrder' })
+  const detailDialogVisible = ref(false)
+  const detailData = reactive<any>({})
+  const loading = ref(false)
+  const dialogVisible = ref(false)
+  const dialogType = ref<'add' | 'edit'>('add')
+  const formRef = ref<FormInstance>()
+  const keyword = ref<string>('')
+  const countryFilter = ref<number | undefined>(undefined)
+  const statusFilter = ref<number | undefined>(undefined)
+
+  const piOptions = ref<any>()
+  const loadOptions = async () => {
+    try {
+      const res = await purchaseService.purchaseorderpredata({ scene: 'pi_no' })
+      piOptions.value = res || []
+    } catch {
+      piOptions.value = []
+    }
+  }
+
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  const tableData = ref<any[]>([])
+  const tableRef = ref()
+  const vehicleTableRef = ref() // 保留但不再用于内部 ElTable
+  const innerElTableRef = ref() // 新增，直接指向 el-table
+
+  onMounted(() => {
+    getPortList()
+  })
+  watch([keyword, countryFilter, statusFilter], () => {
+    pagination.currentPage = 1
+    getPortList()
+  })
+
+  const getPortList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        keyword: keyword.value
+      }
+      const { records, current, size, total } = await purchaseService.purchaseorderlist(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+      ElMessage.error('获取列表失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleSizeChange = (newPageSize: number) => {
+    pagination.pageSize = newPageSize
+    getPortList()
+  }
+  const handleCurrentChange = (newCurrentPage: number) => {
+    pagination.currentPage = newCurrentPage
+    getPortList()
+  }
+
+  const currentEditId = ref<string | number | null>(null)
+  const currentEditstatus = ref<string | number | null>(null)
+
+  const getEmptyGroup = () => ({
+    id: '',
+    order_no: '',
+    salesperson_snapshot: '',
+    stock_order_items: [] as any[]
+  })
+  const resetFormToEmpty = () => {
+    Object.assign(poForm, {
+      pi_no: '',
+      remark: '',
+      contract_file: [],
+      approval_desc: '',
+      stock_order: [getEmptyGroup()]
+    })
+  }
+
+  const normalizeGroups = (groups: any[]): any[] => {
+    if (!Array.isArray(groups)) return [getEmptyGroup()]
+    return groups.map((g) => ({
+      id: g?.stock_orders_id ?? g?.id ?? '',
+      order_no: g?.order_no ?? g?.order?.order_no ?? '',
+      salesperson_snapshot: g?.salesperson_snapshot ?? g?.order?.salesperson_snapshot ?? '',
+      stock_order_items: Array.isArray(g?.stock_order_items)
+        ? g.stock_order_items
+        : Array.isArray(g?.stock_items)
+        ? g.stock_items
+        : []
+    }))
+  }
+
+  const showDialog = async (type: 'add' | 'edit', row?: any) => {
+    loadOptions()
+    dialogVisible.value = true
+    dialogType.value = type
+    // 重置选择器状态，避免上一次编辑残留
+    orderPicker.groupIndex = -1
+    vehiclePicker.groupIndex = -1
+    vehiclePicker.selection = []
+
+    if (type === 'edit' && row) {
+      currentEditId.value = row.id
+      currentEditstatus.value = row.status
+      // 先清空表单，避免闪烁旧数据
+      resetFormToEmpty()
+      const data = await purchaseService.purchaseorderdetail({ id: row.id })
+      // 如果期间又点了其他行编辑，则丢弃本次结果
+      if (currentEditId.value !== row.id) return
+
+      let files: any[] = []
+      const serverFiles = (data as any).contract_file
+      const normalizeFile = (it: any) => ({
+        original_name: it?.original_name || it?.name || extractFileName(it?.storage_path || it?.storage_path_full || it?.url || it),
+        storage_path: it?.storage_path || it?.file_name || it?.url || it?.path || it,
+        storage_path_full: it?.storage_path_full || it?.full_url || it?.url_full || it?.url || ''
+      })
+      if (Array.isArray(serverFiles)) {
+        files = serverFiles.map(normalizeFile)
+      } else if (typeof serverFiles === 'string' && serverFiles.trim()) {
+        files = serverFiles
+          .split(',')
+          .map((p: string) => p.trim())
+          .filter(Boolean)
+          .map((p: string) => normalizeFile(p))
+      }
+      if (!files.length) {
+        const cf: any = (data as any).contract_file
+        // 仅当是非空字符串或带路径字段的对象时，才做兜底回显；空数组/空对象不回显
+        if (typeof cf === 'string' && cf.trim()) {
+          files.push(
+            normalizeFile({
+              storage_path: cf,
+              storage_path_full: (data as any).contract_file_url
+            })
+          )
+        } else if (cf && !Array.isArray(cf) && (cf.storage_path || cf.storage_path_full || cf.url)) {
+          files.push(normalizeFile(cf))
+        }
+      }
+
+      Object.assign(poForm, {
+        id: data.id,
+        pi_no: data.pi_no,
+        remark: data.remark,
+        approval_desc: data.approval_desc ? data.approval_desc : '',
+        contract_file: files,
+        stock_order: normalizeGroups((data as any).stock_order)
+      })
+    } else {
+      currentEditId.value = null
+      currentEditstatus.value = null
+      resetFormToEmpty()
+    }
+  }
+
+  // 保留删除逻辑备用（当前未使用）
+
+  // ================== 采购单新增表单（编号+多组备货单/车辆） ==================
+  type PurchaseGroup = {
+    id: string
+    order_no?: string
+    salesperson_snapshot?: string
+    stock_order_items: any[]
+  }
+  const poForm = reactive<{
+    pi_no: string
+    remark: string
+    approval_desc: string
+    contract_file: any[]
+    stock_order: PurchaseGroup[]
+  }>({
+    pi_no: '',
+    remark: '',
+    approval_desc: '',
+    contract_file: [],
+    stock_order: [{ id: '', order_no: '', salesperson_snapshot: '', stock_order_items: [] }]
+  })
+  const poRules: FormRules = reactive({
+    pi_no: [{ required: true, message: '请输入编号', trigger: 'blur' }]
+  })
+  function extractFileName(pathOrUrl: string | undefined | null): string {
+    if (!pathOrUrl) return '合同文件'
+    try {
+      const clean = String(pathOrUrl)
+      const afterSlash = clean.split(/[\\/]/).pop() || '合同文件'
+      return decodeURIComponent(afterSlash)
+    } catch {
+      return '合同文件'
+    }
+  }
+
+  const addGroup = () => {
+    poForm.stock_order.push({
+      id: '',
+      order_no: '',
+      salesperson_snapshot: '',
+      stock_order_items: []
+    })
+  }
+  const removeGroup = (index: number) => {
+    poForm.stock_order.splice(index, 1)
+  }
+  const openOrderPicker = (groupIndex: number) => {
+    if (!poForm.pi_no) {
+      ElMessage.warning('请先选择PI号')
+      return
+    }
+    orderPicker.groupIndex = groupIndex
+    fetchOrders()
+    orderPicker.visible = true
+  }
+  const openVehiclePicker = (groupIndex: number) => {
+    const grp = poForm.stock_order[groupIndex]
+    if (!grp.id) return
+    vehiclePicker.groupIndex = groupIndex
+    vehiclePicker.selection = [...(grp.stock_order_items || [])]
+    vehiclePicker.expectedOrderId = String(grp.id)
+    vehiclePicker.seq += 1
+    const currentSeq = vehiclePicker.seq
+    fetchVehicles(String(grp.id), currentSeq)
+    vehiclePicker.visible = true
+    nextTick(() => {
+      const table = getVehicleElTable()
+      table?.clearSelection?.()
+    })
+  }
+
+  // 订单选择弹窗状态
+  const orderPicker = reactive({
+    visible: false,
+    loading: false,
+    data: [] as any[],
+    groupIndex: -1
+  })
+  const vehiclePicker = reactive({
+    visible: false,
+    loading: false,
+    data: [] as any[],
+    groupIndex: -1,
+    selection: [] as any[],
+    expectedOrderId: '' as string,
+    seq: 0 as number
+  })
+  const rowKeyOfVehicle = (row: any) => String(row?.stock_order_items_id ?? row?.id)
+
+  const fetchOrders = async () => {
+    orderPicker.loading = true
+    try {
+      const res = await purchaseService.purchaseorderpredata({
+        scene: 'order_no',
+        pi_no: poForm.pi_no
+      })
+      orderPicker.data = (res as any) || []
+    } catch {
+      orderPicker.data = []
+      ElMessage.error('获取备货单列表失败')
+    } finally {
+      orderPicker.loading = false
+    }
+  }
+  const fetchVehicles = async (orderId: string, seq?: number) => {
+    vehiclePicker.loading = true
+    try {
+      const res = await purchaseService.purchaseorderpredata({
+        scene: 'order_items',
+        order_id: orderId.toString()
+      })
+      if (seq != null && seq !== vehiclePicker.seq) return
+      if (orderId !== vehiclePicker.expectedOrderId) return
+      vehiclePicker.data = (res as any) || []
+
+      // 数据加载完成后，设置默认选中状态（先清空，再按ID回显，以避免对象引用不一致）
+      // 额外等待两帧，确保 selection 列组件与内部数据已就绪
+      nextTick(async () => {
+        await new Promise((r) => requestAnimationFrame(() => r(undefined)))
+        await new Promise((r) => requestAnimationFrame(() => r(undefined)))
+        if (seq != null && seq !== vehiclePicker.seq) return
+        if (orderId !== vehiclePicker.expectedOrderId) return
+        // 以当前组的最新已选车辆，刷新一次 selection，避免被异步过程清空
+        if (vehiclePicker.groupIndex > -1) {
+          const grp = poForm.stock_order[vehiclePicker.groupIndex]
+          vehiclePicker.selection = [...(grp?.stock_order_items || [])]
+        }
+        tryEnsureVehicleSelection(10)
+      })
+    } catch {
+      vehiclePicker.data = []
+      ElMessage.error('获取车辆列表失败')
+    } finally {
+      vehiclePicker.loading = false
+    }
+  }
+
+  function getVehicleElTable(): any {
+    return innerElTableRef?.value || null
+  }
+
+  // 统一解析行主键
+  const getId = (r: any) => String(r?.stock_order_items_id ?? r?.id)
+
+  function tryEnsureVehicleSelection(retryCount: number): void {
+    const elTable = getVehicleElTable()
+    if (!elTable) {
+      if (retryCount > 0) {
+        window.setTimeout(() => tryEnsureVehicleSelection(retryCount - 1), 50)
+      }
+      return
+    }
+    const comp: any = vehicleTableRef?.value
+    // 调试：输出关键数据
+    try {
+      const selectionIds = (vehiclePicker.selection || []).map((i: any) => getId(i))
+      console.log('[VehicleEcho] selection target ids:', selectionIds)
+      console.log('[VehicleEcho] rowKey prop:', comp?.$props?.rowKey, comp?.rowKey)
+    } catch {
+      /* noop */
+    }
+
+    // 内部行数组（多种路径兼容）
+    const internalRows: any[] =
+      (elTable?.data as any[]) ||
+      (elTable?.store?.states?.data?.value as any[]) ||
+      (elTable?.store?.states?.data as any[]) ||
+      (Array.isArray(vehiclePicker.data) ? vehiclePicker.data : [])
+
+    if (!internalRows.length) {
+      if (retryCount > 0) {
+        window.setTimeout(() => tryEnsureVehicleSelection(retryCount - 1), 50)
+      }
+      return
+    }
+
+    const selectedIds = new Set((vehiclePicker.selection || []).map(getId))
+    elTable.clearSelection?.()
+    internalRows.forEach((row: any) => {
+      if (selectedIds.has(getId(row))) {
+        elTable.toggleRowSelection?.(row, true)
+      }
+    })
+
+    // 校验是否已全部勾选
+    const currentSel = (elTable?.getSelectionRows?.() as any[]) || (elTable?.store?.states?.selection?.value as any[]) || []
+    const currentSelIds = new Set((currentSel || []).map(getId))
+    let allApplied = true
+    selectedIds.forEach((id) => {
+      if (!currentSelIds.has(id)) allApplied = false
+    })
+    if (!allApplied && retryCount > 0) {
+      window.setTimeout(() => tryEnsureVehicleSelection(retryCount - 1), 80)
+      return
+    }
+  }
+
+  function getOrderRowId(row: any): string | number | '' {
+    return (row?.stock_orders_id ?? row?.id ?? '') as any
+  }
+
+  const isOrderDisabled = (row: any) => {
+    // 除当前组外，已被其他组选择过的备货单禁用
+    const usedIds = new Set<string>(
+      poForm.stock_order
+        .filter((_, idx) => idx !== orderPicker.groupIndex)
+        .map((g) => String(g.id))
+        .filter(Boolean)
+    )
+    return usedIds.has(String(getOrderRowId(row)))
+  }
+
+  const isOrderSelected = (row: any) => {
+    const grp = poForm.stock_order[orderPicker.groupIndex]
+    return String(grp?.id || '') === String(row?.stock_orders_id || row?.id || '')
+  }
+
+  const chooseOrder = (row: any) => {
+    const grp = poForm.stock_order[orderPicker.groupIndex]
+    grp.id = row.stock_orders_id || row.id
+    grp.order_no = row.order_no
+    grp.salesperson_snapshot = row.salesperson_snapshot
+    grp.stock_order_items = [] // 切换备货单后清空已选车辆
+    orderPicker.visible = false
+  }
+
+  const onVehicleSelectionChange = (rows: any[]) => {
+    vehiclePicker.selection = rows
+  }
+
+  const confirmVehicles = () => {
+    const grp = poForm.stock_order[vehiclePicker.groupIndex]
+    grp.stock_order_items = vehiclePicker.selection.length ? [...vehiclePicker.selection] : []
+    vehiclePicker.visible = false
+  }
+
+  // 监听PI号变化，清空所有组的选择
+  watch(
+    () => poForm.pi_no,
+    (newCode, oldCode) => {
+      if (newCode !== oldCode && oldCode) {
+        // PI号改变时，清空所有组的备货单和车辆选择
+        poForm.stock_order.forEach((group) => {
+          group.id = ''
+          group.order_no = ''
+          group.salesperson_snapshot = ''
+          group.stock_order_items = []
+        })
+      }
+    }
+  )
+
+  // 收集提交
+  const handlePOSubmit = async (formEl: FormInstance | undefined, status: string) => {
+    if (!formEl) return
+    await formEl.validate(async (valid) => {
+      if (!valid) return
+
+      // 组装 payload - 按照要求的格式
+      const payload = {
+        is_draft: status,
+        pi_no: poForm.pi_no,
+        approval_desc: poForm.approval_desc,
+        contract_file: poForm.contract_file
+          .map((file) => file.storage_path || file.storage_path_full || file.url)
+          .filter(Boolean)
+          .join(','),
+        remark: poForm.remark,
+        stock_order: poForm.stock_order
+          .filter((g) => g.id)
+          .map((g) => ({
+            stock_orders_id: g.id, // 备货单ID
+            stock_items: g.stock_order_items.map((v) => ({
+              stock_order_items_id: v.stock_order_items_id || v.id, // 备货单明细ID
+              unique_id: v.unique_id || v.model_snapshot // 备货单明细车辆指纹
+            }))
+          }))
+      }
+
+      try {
+        // TODO: 调用创建采购单接口
+        console.log('提交采购单数据: ', payload)
+        //添加采购单
+        if (dialogType.value === 'add') {
+          const { message } = await purchaseService.purchaseorderadd(payload)
+          ElMessage.success(message)
+        } else {
+          if (currentEditstatus.value == '3' && poForm.approval_desc == '' && status == '0') {
+            ElMessage.error('重新提交时，审核说明不能为空')
+            return
+          }
+          const payload1 = {
+            id: currentEditId.value,
+            is_resubmit: currentEditstatus.value == '3' ? 1 : 0, // 提交时为重新提交
+            is_draft: status,
+            approval_desc: poForm.approval_desc,
+            pi_no: poForm.pi_no,
+            contract_file: poForm.contract_file
+              .map((file) => file.storage_path || file.storage_path_full || file.url)
+              .filter(Boolean)
+              .join(','),
+            remark: poForm.remark,
+            stock_order: poForm.stock_order
+              .filter((g) => g.id)
+              .map((g) => ({
+                stock_orders_id: g.id, // 备货单ID
+                stock_items: g.stock_order_items.map((v) => ({
+                  stock_order_items_id: v.stock_order_items_id || v.id, // 备货单明细ID
+                  unique_id: v.unique_id || v.model_snapshot // 备货单明细车辆指纹
+                }))
+              }))
+          }
+          console.log('提交采购单数据: ', payload1)
+          const { message } = await purchaseService.purchaseorderupdate(payload1)
+          ElMessage.success(message)
+        }
+        dialogVisible.value = false
+        // 刷新列表
+        getPortList()
+      } catch (error) {
+        console.error('提交失败:', error)
+        ElMessage.error('提交失败')
+      }
+    })
+  }
+
+  // 合同上传与管理
+  const contractUploadUrl = `${import.meta.env.VITE_API_URL}/ticket/upload?scene=purchase_orders`
+  const handleContractSuccess = (response: any) => {
+    const data = response?.data
+    if (data) {
+      const file = {
+        original_name: data.original_name || extractFileName(data.storage_path || data.file_name || data.url),
+        storage_path: data.storage_path || data.file_name || data.url,
+        storage_path_full: data.storage_path_full || data.full_url || data.url_full || ''
+      }
+      // 去重（按 storage_path）避免重复展示
+      const exists = poForm.contract_file.some((f) => (f.storage_path || f.storage_path_full) === (file.storage_path || file.storage_path_full))
+      if (!exists) poForm.contract_file.push(file)
+      ElMessage.success('上传成功')
+    }
+  }
+  const removeContract = (index: number) => {
+    poForm.contract_file.splice(index, 1)
+  }
+  // 删除采购单
+  const deleteprocurement = (row: any) => {
+    ElMessageBox.confirm('确定删除该采购单吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      purchaseService.purchaseorderdelete({ id: row.id }).then((res) => {
+        ElMessage.success(res.message)
+        getPortList()
+      })
+    })
+  }
+  // 详情
+  const normalizeDetailFiles = (contract_file_url: any, contract_file: any): Array<{ name: string; url: string }> => {
+    const list: Array<{ name: string; url: string }> = []
+    const toArray = (v: any): any[] => (Array.isArray(v) ? v : typeof v === 'string' ? v.split(',').map((s) => s.trim()).filter(Boolean) : [])
+    const urls = toArray(contract_file_url)
+    const paths = toArray(contract_file)
+    const nameFromPath = (p: string) => extractFileName(p)
+    // 以 url 优先，路径数量可能与 url 一致
+    urls.forEach((u: string, i: number) => {
+      const p = paths[i] || ''
+      list.push({ name: p ? nameFromPath(p) : extractFileName(u), url: u })
+    })
+    // 若只有路径没有url，也展示为不可预览的下载（以路径作为链接）
+    if (!urls.length && paths.length) {
+      paths.forEach((p: string) => list.push({ name: nameFromPath(p), url: p }))
+    }
+    return list
+  }
+
+  const showDialogdetil = async (row: any) => {
+    try {
+      detailDialogVisible.value = true
+      const data = await purchaseService.purchaseorderdetail({ id: row.id })
+      const files = normalizeDetailFiles((data as any).contract_file_url, (data as any).contract_file)
+      Object.assign(detailData, data, { files })
+    } catch (e) {
+      Object.assign(detailData, { files: [] })
+      ElMessage.error('获取详情失败')
+    }
+  }
+  //审批进度
+  const showDialogtimeline = async (row: any) => { 
+    // 审批记录（兼容多种字段）
+    const resstockapprovallogs = await manageService.stockapprovaltimeline({
+      id: row.id,
+      flow_type: 'purchase_orders'
+    })
+    console.log(resstockapprovallogs)
+    const historyList = resstockapprovallogs
+    if (historyList.length > 0) {
+      approvalRecords.value = historyList.map((h: any) => ({
+        name: h?.initiator_name ? h?.initiator_name : h?.name,
+        role: h?.index == -1 ? '申请人' : '审批人',
+        time: h?.time || '',
+        approved: h?.status === 'approved' || h?.status === 'submitted',
+        rejected: h?.status === 'rejected',
+        pending: h?.status != 'approved' && h?.status != 'rejected' && h?.status != 'submitted',
+        comment: h?.comment || h?.remark || ''
+      }))
+    }
+    timelineDialogVisible.value = true
+  }
+</script>
+
+<style lang="scss" scoped>
+  :deep(.el-table__empty-block) {
+    height: 100% !important;
+    min-height: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .port-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .port-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 20px 20px;
+    background: var(--art-main-bg-color);
+  }
+  .port-search-group {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+  }
+  .form {
+    padding: 12px 0 4px;
+  }
+  .dialog-footer {
+    text-align: right;
+  }
+  .el-col2 {
+    margin-bottom: 16px;
+  }
+
+  /* 采购单创建弹窗样式优化 */
+  .avatarimg {
+    width: 60px;
+    cursor: pointer;
+  }
+  .purchase-dialog {
+    :deep(.el-dialog__header) {
+      text-align: center;
+      .el-dialog__title {
+        font-weight: 700;
+      }
+    }
+    :deep(.el-dialog__body) {
+      padding-top: 6px;
+    }
+  }
+
+  .group-header {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    margin: 8px 0 12px;
+    .title {
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .groups {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    max-height: 42vh;
+    overflow-y: auto;
+    padding-right: 8px; /* 给滚动条留出空间，避免抖动 */
+    border: 1px dashed var(--el-border-color-lighter);
+    border-radius: 8px;
+    padding: 12px;
+    background: var(--el-fill-color-light);
+    margin-bottom: 16px; /* 与备注区拉开间距 */
+  }
+
+  .group {
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 10px;
+    padding: 14px 6px 8px;
+    background: var(--el-fill-color-blank);
+    transition: box-shadow 0.2s ease;
+    &:hover {
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+    }
+  }
+
+  .group-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr auto;
+    gap: 10px;
+    align-items: center;
+  }
+
+  .field {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    .label {
+      width: 60px;
+      color: var(--el-text-color-regular);
+      line-height: 32px;
+      text-align: right;
+      flex-shrink: 0;
+    }
+    .value {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      min-height: 32px;
+      .tip {
+        color: var(--el-text-color-secondary);
+        font-size: 12px;
+      }
+    }
+  }
+
+  .order-tag {
+    display: inline-block;
+    padding: 1px 10px;
+    background: var(--el-fill-color-light);
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 6px;
+  }
+
+  .chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  .chip {
+    padding: 4px 8px;
+    border-radius: 12px;
+    background: #f0f6ff;
+    color: #3a7af3;
+    border: 1px solid #e3edff;
+    font-size: 12px;
+    line-height: 18px;
+  }
+
+  .ops {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+
+  /* 备注与合同上传区域 */
+  .contract-upload {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+  /* 详情样式 */
+  .detail-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  .detail-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 10px 16px;
+  }
+  .detail-grid .item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .detail-grid .item.full { grid-column: 1 / -1; }
+  .detail-grid .label { color: var(--el-text-color-regular); }
+  .detail-grid .value { font-weight: 600; color: var(--el-text-color-primary); }
+  .detail-block { border-top: 1px dashed var(--el-border-color-lighter); padding-top: 8px; }
+  .block-title { font-weight: 600; margin-bottom: 8px; }
+  .files-list { display: flex; flex-direction: column; gap: 8px; }
+  .file-row { display: flex; align-items: center; gap: 10px; }
+  .file-name { flex: 1; }
+  .empty-tip { color: var(--el-text-color-secondary); }
+  .contract-files {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    max-height: 200px;
+    overflow-y: auto;
+  }
+  .contract-file {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    background: var(--el-fill-color-light);
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 8px;
+    transition: all 0.2s ease;
+    &:hover {
+      background: var(--el-fill-color-blank);
+      border-color: var(--el-color-primary-light-7);
+    }
+  }
+  .file-icon {
+    color: var(--el-text-color-regular);
+    flex-shrink: 0;
+  }
+  .file-name {
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: var(--el-text-color-primary);
+  }
+
+  /* 弹出选择表格尺寸优化 */
+  :deep(.el-dialog__body) {
+    .art-table {
+      max-height: 50vh;
+      overflow: auto;
+    }
+  }
+</style>
diff --git a/src/views/admin/stock/final_list_admin.vue b/src/views/admin/stock/final_list_admin.vue
index a833ef8..331cb86 100644
--- a/src/views/admin/stock/final_list_admin.vue
+++ b/src/views/admin/stock/final_list_admin.vue
@@ -66,6 +66,9 @@
                 <el-link type="primary" underline="never" @click="handleView1(scope.row)">
                   <i class="iconfont-sys">&#xe76c;</i> 查看终版
                 </el-link>
+                <el-link type="warning" underline="never" @click="showDialogtimeline(scope.row)">
+                  <i class="iconfont-sys">&#xe728;</i> 查看审批
+                </el-link>
               </ElRow>
             </template>
           </ElTableColumn>
@@ -156,6 +159,19 @@
         />
       </div>
     </el-dialog>
+    <el-dialog
+      v-model="timelineDialogVisible"
+      title="审批历史"
+      width="600px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <ApprovalTimeline :records="approvalRecords" />
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -165,8 +181,11 @@
   import { manageService } from '@/api/adminApi'
   import { useAuth } from '@/composables/useAuth'
   import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
+  import ApprovalTimeline from '@/components/custom/ApprovalTimeline.vue'
   import type { OrderData } from '@/composables/useOrderDetailDialog'
   import { usePdfPreview } from '@/composables/usePdfPreview'
+  const timelineDialogVisible = ref(false)
+  const approvalRecords = ref<any[]>([])
   // PDF 预览/打印（公共）
   const { pdf, frameRef, openWithResponse, download, print, preparePreview, prepareImages } = usePdfPreview()
   defineOptions({ name: 'AdminFinalListPage' })
@@ -370,6 +389,28 @@
       ElMessage.error('下载失败，请稍后重试')
     }
   }
+  //审批进度
+  const showDialogtimeline = async (row: any) => { 
+    // 审批记录（兼容多种字段）
+    const resstockapprovallogs = await manageService.stockapprovaltimeline({
+      id: row.id,
+      flow_type: 'stock_orders'
+    })
+    console.log(resstockapprovallogs)
+    const historyList = resstockapprovallogs
+    if (historyList.length > 0) {
+      approvalRecords.value = historyList.map((h: any) => ({
+        name: h?.initiator_name ? h?.initiator_name : h?.name,
+        role: h?.status_desc,
+        time: h?.time || '',
+        approved: h?.status === 'approved' || h?.status === 'submitted',
+        rejected: h?.status === 'rejected',
+        pending: h?.status != 'approved' && h?.status != 'rejected' && h?.status != 'submitted',
+        comment: h?.comment || h?.remark || ''
+      }))
+    }
+    timelineDialogVisible.value = true
+  }
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/admin/stock/stocking_list_admin.vue b/src/views/admin/stock/stocking_list_admin.vue
index dfbf266..5560b90 100644
--- a/src/views/admin/stock/stocking_list_admin.vue
+++ b/src/views/admin/stock/stocking_list_admin.vue
@@ -80,6 +80,9 @@
                 >
                   <i class="iconfont-sys">&#xe76c;</i> 查看终版
                 </el-link>
+                <el-link type="warning" underline="never" @click="showDialogtimeline(scope.row)">
+                  <i class="iconfont-sys">&#xe728;</i> 查看审批
+                </el-link>
               </ElRow>
             </template>
           </ElTableColumn>
@@ -171,6 +174,19 @@
         </div>
       </template>
     </el-dialog>
+    <el-dialog
+      v-model="timelineDialogVisible"
+      title="审批历史"
+      width="600px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <ApprovalTimeline :records="approvalRecords" />
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -178,7 +194,10 @@
   import { manageService } from '@/api/adminApi'
   import { usePdfPreview } from '@/composables/usePdfPreview'
   import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
+  import ApprovalTimeline from '@/components/custom/ApprovalTimeline.vue'
   import type { OrderData } from '@/composables/useOrderDetailDialog'
+  const timelineDialogVisible = ref(false)
+  const approvalRecords = ref<any[]>([])
   defineOptions({ name: 'StockingListAdmin' })
   // import { useAuth } from '@/composables/useAuth'
   // const { hasAuth } = useAuth()
@@ -413,6 +432,28 @@
         console.log(err)
       })
   }
+  //审批进度
+  const showDialogtimeline = async (row: any) => { 
+    // 审批记录（兼容多种字段）
+    const resstockapprovallogs = await manageService.stockapprovaltimeline({
+      id: row.id,
+      flow_type: 'stock_orders'
+    })
+    console.log(resstockapprovallogs)
+    const historyList = resstockapprovallogs
+    if (historyList.length > 0) {
+      approvalRecords.value = historyList.map((h: any) => ({
+        name: h?.initiator_name ? h?.initiator_name : h?.name,
+        role: h?.status_desc,
+        time: h?.time || '',
+        approved: h?.status === 'approved' || h?.status === 'submitted',
+        rejected: h?.status === 'rejected',
+        pending: h?.status != 'approved' && h?.status != 'rejected' && h?.status != 'submitted',
+        comment: h?.comment || h?.remark || ''
+      }))
+    }
+    timelineDialogVisible.value = true
+  }
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/admin/user/index.vue b/src/views/admin/user/index.vue
index f4714ec..92c8e68 100644
--- a/src/views/admin/user/index.vue
+++ b/src/views/admin/user/index.vue
@@ -116,9 +116,22 @@
   <!-- 详情对话框 -->
   <el-dialog v-model="detailDialogVisible" title="详情" width="75%">
     <div>
-      <el-button type="primary" @click="plzyDialogVisiblefn">
-        <i class="iconfont-sys">&#xe794;</i> 批量转移
-      </el-button>
+      <div style="display: flex; justify-content: space-between">
+        <el-button type="primary" @click="plzyDialogVisiblefn">
+          <i class="iconfont-sys">&#xe794;</i> 批量转移
+        </el-button>
+        <el-form-item label="客户渠道" prop="channel_id">
+          <el-select v-model="selectchannel_id" filterable placeholder="请选择客户渠道">
+            <el-option label="全部" value="" />
+            <el-option
+              v-for="item in channelOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
       <!-- 表格 -->
       <ArtTable
         ref="tableRef"
@@ -410,11 +423,13 @@
   import { systemService } from '@/api/systemApi'
   import { formatMenuTitle } from '@/router/utils/utils'
   import { UserService } from '@/api/usersApi'
+  import { CrmService } from '@/api/crmApi'
   defineOptions({ name: 'UserList' })
   const { hasAuth } = useAuth()
   const activeName = ref('1')
   const selectValue = ref('1')
   const company_id = ref('')
+  const selectchannel_id = ref('')
   const keyword = ref<string>('')
   const loading = ref(false)
   const loadingkh = ref(false)
@@ -542,6 +557,10 @@
       loading.value = false
     }
   }
+  watch([selectchannel_id], () => {
+    paginationkh.currentPage = 1
+    gettableListkh(zyForm.customer_id)
+  })
   const gettableListkh = async (user_id: any) => {
     loadingkh.value = true
     try {
@@ -551,6 +570,9 @@
         size: pageSize,
         user_id: user_id
       }
+      if (selectchannel_id.value) {
+        params.channel_id = selectchannel_id.value
+      }
       const { data, current, size, total } = await manageService.getcrmCustomerList(params)
       tableDatakh.value = data.map((item: any) => ({
         ...item
@@ -585,7 +607,15 @@
     if (status === 0) return 'status-lost'
     return ''
   }
+  const channelOptions = ref<any>()
+  //渠道
+  const getgetChannel = async () => {
+    const res = await CrmService.getChannel()
+    channelOptions.value = res || []
+  }
   const gotransfer = (row: any) => {
+    getgetChannel()
+    selectchannel_id.value = ''
     paginationkh.currentPage = 1
     paginationkh.pageSize = 10
     paginationkh.total = 0
diff --git a/src/views/admin/vehicle/color.vue b/src/views/admin/vehicle/color.vue
index f1a373d..130d8e7 100644
--- a/src/views/admin/vehicle/color.vue
+++ b/src/views/admin/vehicle/color.vue
@@ -55,7 +55,7 @@
         @current-change="handleCurrentChange"
       >
         <template #default>
-          <ElTableColumn label="颜色编码" prop="color_code" min-width="120" />
+          <!-- <ElTableColumn label="颜色编码" prop="color_code" min-width="120" /> -->
           <ElTableColumn label="颜色名称" prop="color_text" min-width="150" />
           <ElTableColumn label="类型" prop="type" width="120">
             <template #default="scope">
diff --git a/src/views/admin/vehicle/modification.vue b/src/views/admin/vehicle/modification.vue
index f8b2f4f..5d31aaf 100644
--- a/src/views/admin/vehicle/modification.vue
+++ b/src/views/admin/vehicle/modification.vue
@@ -42,7 +42,7 @@
         @current-change="handleCurrentChange"
       >
         <template #default>
-          <ElTableColumn label="项目编码" prop="code" min-width="120" />
+          <!-- <ElTableColumn label="项目编码" prop="code" min-width="120" /> -->
           <ElTableColumn label="项目名称" prop="name" min-width="150" />
           <ElTableColumn label="改装类型" prop="type" width="120">
             <template #default="scope">
diff --git a/src/views/admin/vehicle/port.vue b/src/views/admin/vehicle/port.vue
index 6a1cb18..6f55164 100644
--- a/src/views/admin/vehicle/port.vue
+++ b/src/views/admin/vehicle/port.vue
@@ -33,8 +33,9 @@
         @current-change="handleCurrentChange"
       >
         <template #default>
-          <ElTableColumn label="港口代码" prop="port_code" min-width="120" />
+          <!-- <ElTableColumn label="港口代码" prop="port_code" min-width="120" /> -->
           <ElTableColumn label="港口名称" prop="port_name" min-width="150" />
+          <ElTableColumn label="英文名称" prop="port_name_en" min-width="150" />
           <ElTableColumn label="国家" prop="country_id" min-width="140">
             <template #default="scope">
               <span>{{ scope.row.country_name }}</span>
@@ -84,6 +85,9 @@
         <ElFormItem label="港口名称" prop="port_name">
           <ElInput v-model="form.port_name" placeholder="请输入港口名称" />
         </ElFormItem>
+        <ElFormItem label="英文名称" prop="port_name_en">
+          <ElInput v-model="form.port_name_en" placeholder="请输入港口英文名称" />
+        </ElFormItem>
         <ElFormItem label="国家" prop="country_id">
           <el-select
             v-model="form.country_id"
@@ -164,6 +168,7 @@
     sort: 0,
     port_code: '',
     port_name: '',
+    port_name_en: '',
     lat: '',
     lng: '',
     description: '',
@@ -232,6 +237,7 @@
         sort: row.sort ?? 0,
         port_code: row.port_code,
         port_name: row.port_name,
+        port_name_en: row.port_name_en,
         lat: row.lat,
         lng: row.lng,
         description: row.description,
@@ -244,6 +250,7 @@
         sort: 0,
         port_code: '',
         port_name: '',
+        port_name_en: '',
         lat: '',
         lng: '',
         description: '',
@@ -280,6 +287,7 @@
             sort: form.sort,
             port_code: form.port_code,
             port_name: form.port_name,
+            port_name_en: form.port_name_en,
             lat: form.lat,
             lng: form.lng,
             description: form.description,
@@ -293,6 +301,7 @@
             sort: form.sort,
             port_code: form.port_code,
             port_name: form.port_name,
+            port_name_en: form.port_name_en,
             lat: form.lat,
             lng: form.lng,
             description: form.description,
diff --git a/src/views/admin/vehicle/vehicle_list.vue b/src/views/admin/vehicle/vehicle_list.vue
index 4f1e0d7..6855abd 100644
--- a/src/views/admin/vehicle/vehicle_list.vue
+++ b/src/views/admin/vehicle/vehicle_list.vue
@@ -109,7 +109,7 @@
           <ElRow :gutter="16">
             <ElCol :span="8">
               <ElFormItem label="品牌名称" prop="brand_name">
-                <ElSelect v-model="formData.brand_name" placeholder="请选择品牌名称">
+                <ElSelect v-model="formData.brand_name" filterable placeholder="请选择品牌名称">
                   <ElOption
                     v-for="item in brandOptions"
                     :key="item.brand_code || item.code"
@@ -122,7 +122,7 @@
             </ElCol>
             <ElCol :span="8">
               <ElFormItem label="车系名称" prop="series_name">
-                <ElSelect v-model="formData.series_name" placeholder="请选择车系名称">
+                <ElSelect v-model="formData.series_name" filterable placeholder="请选择车系名称">
                   <ElOption
                     v-for="s in seriesOptions"
                     :key="s.series_code || s.code"
diff --git a/src/views/crmpc/approval/stocking_auth.vue b/src/views/crmpc/approval/stocking_auth.vue
index 8cd9bd0..8597433 100644
--- a/src/views/crmpc/approval/stocking_auth.vue
+++ b/src/views/crmpc/approval/stocking_auth.vue
@@ -149,7 +149,7 @@
       const params = {
         current: currentPage,
         size: pageSize,
-        is_final: 0, // 只获取备货单，非终版
+        scene: 'todo',
         keyword: keyword.value
       }
 
diff --git a/src/views/crmpc/approval/stocking_auth_history.vue b/src/views/crmpc/approval/stocking_auth_history.vue
new file mode 100644
index 0000000..eaa30bc
--- /dev/null
+++ b/src/views/crmpc/approval/stocking_auth_history.vue
@@ -0,0 +1,384 @@
+<template>
+  <div class="stocking-page">
+    <div class="stocking-toolbar boxshadow">
+      <!-- <div class="toolbar-left">
+        <ElButton type="primary" v-ripple @click="handleCreate">创建备货单</ElButton>
+      </div> -->
+      <div class="toolbar-right">
+        <el-input
+          v-model="keyword"
+          placeholder="请输入客户名称"
+          clearable
+          style="width: 260px"
+          @keyup.enter="getList"
+        >
+          <template #suffix>
+            <el-icon class="clickable" @click="getList"><Search /></el-icon>
+          </template>
+        </el-input>
+      </div>
+    </div>
+
+    <div class="boxshadow">
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      >
+        <template #default>
+          <ElTableColumn label="审批单名称" prop="flows_name" min-width="140" />
+          <ElTableColumn label="审批说明" prop="biz_desc" min-width="160" />
+          <ElTableColumn label="审批结果" prop="action_desc" min-width="160" />
+          <ElTableColumn label="提交人" prop="initiator_name" min-width="120" />
+          <ElTableColumn label="审核人" prop="approver_name" min-width="120" />
+          <ElTableColumn label="审批时间" prop="approved_at" min-width="120" />
+          <ElTableColumn label="状态" prop="status_desc" min-width="120" />
+          <ElTableColumn label="创建时间" prop="created_at" min-width="120" />
+          <ElTableColumn label="操作" fixed="right" min-width="140" align="center">
+            <template #default="scope">
+              <ElRow :gutter="10" justify="center">
+                <el-link
+                  type="primary"
+                  underline="never"
+                  @click="handleView(scope.row)"
+                  style="margin-right: 8px"
+                >
+                  <i class="iconfont-sys">&#xe76c;</i> 查看审批
+                </el-link>
+                <el-link
+                  v-if="scope.row.status == 'pending'"
+                  type="success"
+                  underline="never"
+                  @click="handleCreateRepair(scope.row)"
+                >
+                  <i class="iconfont-sys">&#xe6bf;</i> 快速审批
+                </el-link>
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+
+    <!-- 快速审批弹出框 -->
+    <el-dialog
+      v-model="approvalDialogVisible"
+      title="合塑实业-汽车事业部-备货单(客户下定)"
+      width="80%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <OrderDetailContent :orderData="orderDialog.orderData" />
+        <!-- 审批备注 -->
+        <div class="info-section">
+          <ElRow :gutter="12">
+            <ElCol :span="24">
+              <el-input
+                  v-model="approvalNotes"
+                  type="textarea"
+                  :rows="2"
+                  placeholder="备注"
+                  class="approval-notes"
+                />
+            </ElCol>
+          </ElRow>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton type="primary" plain size="large" class="submit-btn" @click="handleApprove('reject')"
+            >驳回</ElButton
+          >
+          <ElButton type="primary" size="large" class="submit-btn" @click="handleApprove('approve')"
+            >同意</ElButton
+          >
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { router } from '@/router'
+  // import { manageService } from '@/api/adminApi'
+  import { useAuth } from '@/composables/useAuth'
+  import { CrmService } from '@/api/crmApi'
+  import { commonService } from '@/api/commonApi'
+  import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
+  import type { OrderData } from '@/composables/useOrderDetailDialog'
+
+  defineOptions({ name: 'CrmStockingAuth' }) // 定义组件名称，用于 KeepAlive 缓存控制
+
+  const { hasAuth } = useAuth()
+  const orderDialog = reactive({
+    orderData: {} as OrderData
+  })
+  const loading = ref(false)
+  const keyword = ref('')
+  const tableRef = ref()
+  const tableData = ref<any[]>([])
+  const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
+
+  // 审批弹出框相关
+  const approvalDialogVisible = ref(false)
+
+  const approvalNotes = ref('')
+  onMounted(() => {
+    getList()
+  })
+
+  watch([keyword], () => {
+    pagination.currentPage = 1
+    // 不自动请求，保持与截图行为一致，点击搜索或回车触发
+  })
+
+  const getList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        scene: 'history',
+        keyword: keyword.value
+      }
+
+      const { records, current, size, total } = await CrmService.stockapprovalrecord(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    getList()
+  }
+  const handleCurrentChange = (page: number) => {
+    pagination.currentPage = page
+    getList()
+  }
+  const handleView = (row: any) => {
+    router.push({
+      path: '/crmpc/approval/auth_detil',
+      query: { id: row.id, biz_id: row.biz_id, instance_id: row.instance_id, status: row.status } // 可带客户名等参数
+    })
+  }
+  const getDictItemSelectlist = ref<any[]>([])
+  const getDictItemSelect = async () => {
+    const res = await commonService.getDictItemSelect({ dict_id: '18' })
+    getDictItemSelectlist.value = res
+  }
+  const instance_id = ref('')
+  const handleCreateRepair = async (row: any) => {
+    // getDictItemSelect()
+    instance_id.value = row.instance_id
+    const res = await CrmService.checkStock({ id: row.biz_id })
+    const orderData: OrderData = res
+    orderDialog.orderData = orderData
+    approvalDialogVisible.value = true
+  }
+
+  // 审批操作
+  const handleApprove = async (approvalAction: string) => {
+    try {
+      // 这里调用审批API
+      const { message } = await CrmService.stockapprovalpass({
+        instance_id: instance_id.value,
+        action: approvalAction,
+        comment: approvalNotes.value
+      })
+
+      ElMessage.success(message)
+      approvalDialogVisible.value = false
+      approvalNotes.value = ''
+      instance_id.value = ''
+      // 刷新列表
+      getList()
+    } catch (error) {
+      console.error('审批失败:', error)
+      ElMessage.error('审批失败')
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  :deep(.el-table__empty-block) {
+    height: 100% !important;
+    min-height: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .stocking-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .stocking-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 12px 16px;
+    background: var(--art-main-bg-color);
+  }
+  .toolbar-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+  }
+  .clickable {
+    cursor: pointer;
+  }
+
+  // 审批弹出框样式
+  .approval-dialog {
+    .approval-content {
+      max-height: 70vh;
+      overflow-y: auto;
+    }
+
+    .header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-bottom: 12px;
+      color: #333333;
+      .mr40 { margin-right: 40px; }
+    }
+
+    .info-section {
+      margin-bottom: 24px;
+
+      .section-title {
+        display: flex;
+        align-items: center;
+        margin-bottom: 16px;
+
+        .title-bar {
+          width: 4px;
+          height: 20px;
+          background: #409eff;
+          margin-right: 8px;
+          border-radius: 2px;
+        }
+
+        span {
+          font-size: 16px;
+          font-weight: 600;
+          color: #303133;
+        }
+      }
+    }
+
+    .order-items {
+      .order-item {
+        border: 1px solid #e4e7ed;
+        border-radius: 8px;
+        padding: 16px;
+        margin-bottom: 16px;
+        background: #fafafa;
+
+        .item-header {
+          margin-bottom: 16px;
+          padding-bottom: 12px;
+          border-bottom: 1px solid #e4e7ed;
+
+          .item-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #303133;
+          }
+        }
+
+        .item-details {
+          .detail-row {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 16px;
+            margin-bottom: 12px;
+
+            .detail-item {
+              display: flex;
+              flex-direction: column;
+
+              label {
+                margin-bottom: 6px;
+                font-size: 14px;
+                font-weight: 500;
+                color: #606266;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .summary-section {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px;
+      background: #f0f9ff;
+      border-radius: 8px;
+      margin-bottom: 24px;
+
+      .summary-item {
+        .summary-label {
+          font-weight: 600;
+          color: #606266;
+          margin-right: 8px;
+        }
+        .summary-value {
+          font-size: 18px;
+          font-weight: 700;
+          color: #409eff;
+        }
+      }
+    }
+
+    .approval-notes {
+      width: 100%;
+    }
+
+    .dialog-footer {
+      justify-content: space-around;
+      width: 500px;
+      margin: auto;
+      display: flex;
+      gap: 12px;
+
+      .reject-btn {
+        border-color: #409eff;
+        color: #409eff;
+        background: white;
+
+        &:hover {
+          background: #ecf5ff;
+        }
+      }
+
+      .approve-btn {
+        background: #409eff;
+        border-color: #409eff;
+      }
+    }
+  }
+</style>
diff --git a/src/views/crmpc/stocking/Add.vue b/src/views/crmpc/stocking/Add.vue
index 26575f6..8737393 100644
--- a/src/views/crmpc/stocking/Add.vue
+++ b/src/views/crmpc/stocking/Add.vue
@@ -373,6 +373,57 @@
                 <ElInput v-model="item.ocean_freight_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="佣金" label-width="85px">
+                <ElInput v-model="item.commission" placeholder="请输入佣金">
+                  <template #suffix>
+                    <ElSelect v-model="item.commission_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.commission_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="购置税" label-width="85px">
+                <ElInput v-model="item.purchase_tax" placeholder="请输入购置税">
+                  <template #suffix>
+                    <ElSelect v-model="item.purchase_tax_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.purchase_tax_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="预估退税额" label-width="85px">
+                <ElInput v-model="item.tax_refund" placeholder="请输入预估退税额">
+                  <template #suffix>
+                    <ElSelect v-model="item.tax_refund_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.tax_refund_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
           </ElRow>
           <ElRow :gutter="12" class="item-row-wrap">
             <ElCol :sm="12" :md="12" :lg="6" :xl="4">
@@ -429,6 +480,13 @@
               </ElFormItem>
             </ElCol>
           </ElRow>
+          <ElRow :gutter="12" class="item-row-wrap">
+            <ElCol :sm="24" :md="24" :lg="24" :xl="24">
+              <ElFormItem label="备注" label-width="85px">
+                <ElInput type="textarea" :rows="2" v-model="item.remark" placeholder="请输入备注" />
+              </ElFormItem>
+            </ElCol>
+          </ElRow>
           <ElRow :gutter="12">
             <ElCol :span="24" style="text-align: right">
               <el-tag effect="light" type="success" @click="copyRow(idx)" class="row-actions">
@@ -527,7 +585,12 @@
                       (portOptions || []).find((x: any) => x.id === val)?.port_name || '')
                 "
               >
-                <ElOption v-for="p in portOptions" :key="p.id" :label="p.port_name" :value="p.id" />
+                <ElOption
+                  v-for="p in portOptions"
+                  :key="p.id"
+                  :label="p.port_names"
+                  :value="p.id"
+                />
               </ElSelect>
               <ElInput v-model="baseForm.domestic_port_snapshot" type="hidden" />
             </ElFormItem>
@@ -589,7 +652,7 @@
                 <ElOption
                   v-for="p in portOptionsall"
                   :key="p.id"
-                  :label="p.port_name"
+                  :label="p.port_names"
                   :value="p.id"
                 />
               </ElSelect>
diff --git a/src/views/crmpc/stocking/final_add.vue b/src/views/crmpc/stocking/final_add.vue
index 71b87d4..98a9a5e 100644
--- a/src/views/crmpc/stocking/final_add.vue
+++ b/src/views/crmpc/stocking/final_add.vue
@@ -374,6 +374,57 @@
                 <ElInput v-model="item.ocean_freight_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="佣金" label-width="85px">
+                <ElInput v-model="item.commission" placeholder="请输入佣金">
+                  <template #suffix>
+                    <ElSelect v-model="item.commission_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.commission_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="购置税" label-width="85px">
+                <ElInput v-model="item.purchase_tax" placeholder="请输入购置税">
+                  <template #suffix>
+                    <ElSelect v-model="item.purchase_tax_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.purchase_tax_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="预估退税额" label-width="85px">
+                <ElInput v-model="item.tax_refund" placeholder="请输入预估退税额">
+                  <template #suffix>
+                    <ElSelect v-model="item.tax_refund_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.tax_refund_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
           </ElRow>
           <ElRow :gutter="12" class="item-row-wrap">
             <ElCol :sm="12" :md="12" :lg="6" :xl="4">
@@ -435,6 +486,13 @@
               </ElFormItem>
             </ElCol>
           </ElRow>
+          <ElRow :gutter="12" class="item-row-wrap">
+            <ElCol :sm="24" :md="24" :lg="24" :xl="24">
+              <ElFormItem label="备注" label-width="85px">
+                <ElInput type="textarea" :rows="2" v-model="item.remark" placeholder="请输入备注" />
+              </ElFormItem>
+            </ElCol>
+          </ElRow>
         </div>
         <ElRow :gutter="12">
           <ElCol :sm="12" :md="12" :lg="6" :xl="6">
@@ -509,7 +567,12 @@
                       (portOptions || []).find((x: any) => x.id === val)?.port_name || '')
                 "
               >
-                <ElOption v-for="p in portOptions" :key="p.id" :label="p.port_name" :value="p.id" />
+                <ElOption
+                  v-for="p in portOptions"
+                  :key="p.id"
+                  :label="p.port_names"
+                  :value="p.id"
+                />
               </ElSelect>
               <ElInput v-model="baseForm.domestic_port_snapshot" type="hidden" />
             </ElFormItem>
@@ -571,7 +634,7 @@
                 <ElOption
                   v-for="p in portOptionsall"
                   :key="p.id"
-                  :label="p.port_name"
+                  :label="p.port_names"
                   :value="p.id"
                 />
               </ElSelect>
diff --git a/src/views/crmpc/stocking/final_edit.vue b/src/views/crmpc/stocking/final_edit.vue
index 7a955f0..50be897 100644
--- a/src/views/crmpc/stocking/final_edit.vue
+++ b/src/views/crmpc/stocking/final_edit.vue
@@ -453,6 +453,57 @@
                 <ElInput v-model="item.ocean_freight_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="佣金" label-width="85px">
+                <ElInput v-model="item.commission" placeholder="请输入佣金">
+                  <template #suffix>
+                    <ElSelect v-model="item.commission_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.commission_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="购置税" label-width="85px">
+                <ElInput v-model="item.purchase_tax" placeholder="请输入购置税">
+                  <template #suffix>
+                    <ElSelect v-model="item.purchase_tax_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.purchase_tax_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="预估退税额" label-width="85px">
+                <ElInput v-model="item.tax_refund" placeholder="请输入预估退税额">
+                  <template #suffix>
+                    <ElSelect v-model="item.tax_refund_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.tax_refund_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
           </ElRow>
           <ElRow :gutter="12" class="item-row-wrap">
             <ElCol :sm="12" :md="12" :lg="6" :xl="6">
@@ -526,6 +577,13 @@
               </ElFormItem>
             </ElCol>
           </ElRow>
+          <ElRow :gutter="12" class="item-row-wrap">
+            <ElCol :sm="24" :md="24" :lg="24" :xl="24">
+              <ElFormItem label="备注" label-width="85px">
+                <ElInput type="textarea" :rows="2" v-model="item.remark" placeholder="请输入备注" />
+              </ElFormItem>
+            </ElCol>
+          </ElRow>
         </div>
         <ElRow :gutter="12">
           <ElCol :sm="12" :md="12" :lg="6" :xl="6">
@@ -600,7 +658,12 @@
                       (portOptions || []).find((x: any) => x.id === val)?.port_name || '')
                 "
               >
-                <ElOption v-for="p in portOptions" :key="p.id" :label="p.port_name" :value="p.id" />
+                <ElOption
+                  v-for="p in portOptions"
+                  :key="p.id"
+                  :label="p.port_names"
+                  :value="p.id"
+                />
               </ElSelect>
               <ElInput v-model="baseForm.domestic_port_snapshot" type="hidden" />
             </ElFormItem>
@@ -661,7 +724,7 @@
                 <ElOption
                   v-for="p in portOptionsall"
                   :key="p.id"
-                  :label="p.port_name"
+                  :label="p.port_names"
                   :value="p.id"
                 />
               </ElSelect>
diff --git a/src/views/crmpc/stocking/final_list.vue b/src/views/crmpc/stocking/final_list.vue
index 0e6db95..ae65210 100644
--- a/src/views/crmpc/stocking/final_list.vue
+++ b/src/views/crmpc/stocking/final_list.vue
@@ -85,6 +85,9 @@
               <el-link type="primary" underline="never" @click="handleView1(scope.row)">
                 <i class="iconfont-sys">&#xe76c;</i> 查看终版
               </el-link>
+              <el-link type="warning" underline="never" @click="showDialogtimeline(scope.row)">
+                <i class="iconfont-sys">&#xe728;</i> 查看审批
+              </el-link>
             </template>
           </ElTableColumn>
         </template>
@@ -174,6 +177,19 @@
         />
       </div>
     </el-dialog>
+    <el-dialog
+      v-model="timelineDialogVisible"
+      title="审批历史"
+      width="600px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <ApprovalTimeline :records="approvalRecords" />
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -184,6 +200,10 @@
   import { usePdfPreview } from '@/composables/usePdfPreview'
   import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
   import type { OrderData } from '@/composables/useOrderDetailDialog'
+  import ApprovalTimeline from '@/components/custom/ApprovalTimeline.vue'
+  import { manageService } from '@/api/adminApi'
+  const timelineDialogVisible = ref(false)
+  const approvalRecords = ref<any[]>([])
   defineOptions({ name: 'CrmFinalList' })
   // 订单详情弹窗
   const orderDialog = reactive({
@@ -207,7 +227,28 @@
   onMounted(() => {
     getList()
   })
-
+  //审批进度
+  const showDialogtimeline = async (row: any) => { 
+    // 审批记录（兼容多种字段）
+    const resstockapprovallogs = await manageService.stockapprovaltimeline({
+      id: row.id,
+      flow_type: 'stock_orders'
+    })
+    console.log(resstockapprovallogs)
+    const historyList = resstockapprovallogs
+    if (historyList.length > 0) {
+      approvalRecords.value = historyList.map((h: any) => ({
+        name: h?.initiator_name ? h?.initiator_name : h?.name,
+        role: h?.status_desc,
+        time: h?.finished_at || '',
+        approved: h?.status === 'approved' || h?.status === 'submitted',
+        rejected: h?.status === 'rejected',
+        pending: h?.status != 'approved' && h?.status != 'rejected' && h?.status != 'submitted',
+        comment: h?.comment || h?.remark || ''
+      }))
+    }
+    timelineDialogVisible.value = true
+  }
   watch([keyword], () => {
     pagination.currentPage = 1
     // 不自动请求，保持与截图行为一致，点击搜索或回车触发
diff --git a/src/views/crmpc/stocking/stocking_edit.vue b/src/views/crmpc/stocking/stocking_edit.vue
index ce7908e..2c0844f 100644
--- a/src/views/crmpc/stocking/stocking_edit.vue
+++ b/src/views/crmpc/stocking/stocking_edit.vue
@@ -373,6 +373,57 @@
                 <ElInput v-model="item.ocean_freight_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="佣金" label-width="85px">
+                <ElInput v-model="item.commission" placeholder="请输入佣金">
+                  <template #suffix>
+                    <ElSelect v-model="item.commission_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.commission_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="购置税" label-width="85px">
+                <ElInput v-model="item.purchase_tax" placeholder="请输入购置税">
+                  <template #suffix>
+                    <ElSelect v-model="item.purchase_tax_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.purchase_tax_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
+              <ElFormItem label="预估退税额" label-width="85px">
+                <ElInput v-model="item.tax_refund" placeholder="请输入预估退税额">
+                  <template #suffix>
+                    <ElSelect v-model="item.tax_refund_currency" style="width: 64px">
+                      <ElOption
+                        v-for="c in currencyOptions"
+                        :key="c.currency_code"
+                        :label="c.currency_name"
+                        :value="c.currency_code"
+                      />
+                    </ElSelect>
+                  </template>
+                </ElInput>
+                <ElInput v-model="item.tax_refund_currency_snapshot" type="hidden" />
+              </ElFormItem>
+            </ElCol>
           </ElRow>
           <ElRow :gutter="12" class="item-row-wrap">
             <ElCol :sm="12" :md="12" :lg="6" :xl="6">
@@ -429,6 +480,13 @@
               </ElFormItem>
             </ElCol>
           </ElRow>
+          <ElRow :gutter="12" class="item-row-wrap">
+            <ElCol :sm="24" :md="24" :lg="24" :xl="24">
+              <ElFormItem label="备注" label-width="85px">
+                <ElInput type="textarea" :rows="2" v-model="item.remark" placeholder="请输入备注" />
+              </ElFormItem>
+            </ElCol>
+          </ElRow>
           <ElRow :gutter="12">
             <ElCol :span="24" style="text-align: right">
               <el-tag effect="light" class="row-actions" type="success" @click="copyRow(idx)"> 复制 </el-tag>
@@ -525,7 +583,12 @@
                       (portOptions || []).find((x: any) => x.id === val)?.port_name || '')
                 "
               >
-                <ElOption v-for="p in portOptions" :key="p.id" :label="p.port_name" :value="p.id" />
+                <ElOption
+                  v-for="p in portOptions"
+                  :key="p.id"
+                  :label="p.port_names"
+                  :value="p.id"
+                />
               </ElSelect>
               <ElInput v-model="baseForm.domestic_port_snapshot" type="hidden" />
             </ElFormItem>
@@ -586,7 +649,7 @@
                 <ElOption
                   v-for="p in portOptionsall"
                   :key="p.id"
-                  :label="p.port_name"
+                  :label="p.port_names"
                   :value="p.id"
                 />
               </ElSelect>
diff --git a/src/views/crmpc/stocking/stocking_list.vue b/src/views/crmpc/stocking/stocking_list.vue
index b6935b6..5c7425c 100644
--- a/src/views/crmpc/stocking/stocking_list.vue
+++ b/src/views/crmpc/stocking/stocking_list.vue
@@ -114,6 +114,9 @@
                 <el-link type="warning" underline="never" @click="copys(scope.row)">
                   <i class="iconfont-sys">&#xe8b7;</i> 复制
                 </el-link>
+                <el-link type="warning" underline="never" @click="showDialogtimeline(scope.row)">
+                  <i class="iconfont-sys">&#xe728;</i> 查看审批
+                </el-link>
               </ElRow>
             </template>
           </ElTableColumn>
@@ -207,6 +210,19 @@
       </template>
     </el-dialog>
     <!-- 终版详情 -->
+    <el-dialog
+      v-model="timelineDialogVisible"
+      title="审批历史"
+      width="600px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      class="approval-dialog"
+    >
+      <div class="approval-content">
+        <!-- 头部信息 -->
+        <ApprovalTimeline :records="approvalRecords" />
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -216,6 +232,10 @@
   import { usePdfPreview } from '@/composables/usePdfPreview'
   import OrderDetailContent from '@/components/custom/OrderDetailContent.vue'
   import type { OrderData } from '@/composables/useOrderDetailDialog'
+  import ApprovalTimeline from '@/components/custom/ApprovalTimeline.vue'
+  import { manageService } from '@/api/adminApi'
+  const timelineDialogVisible = ref(false)
+  const approvalRecords = ref<any[]>([])
   // import { useAuth } from '@/composables/useAuth'
   // const { hasAuth } = useAuth()
 
@@ -241,6 +261,28 @@
   onMounted(() => {
     getList()
   })
+  //审批进度
+  const showDialogtimeline = async (row: any) => { 
+    // 审批记录（兼容多种字段）
+    const resstockapprovallogs = await manageService.stockapprovaltimeline({
+      id: row.id,
+      flow_type: 'stock_orders'
+    })
+    console.log(resstockapprovallogs)
+    const historyList = resstockapprovallogs
+    if (historyList.length > 0) {
+      approvalRecords.value = historyList.map((h: any) => ({
+        name: h?.initiator_name ? h?.initiator_name : h?.name,
+        role: h?.status_desc,
+        time: h?.time || '',
+        approved: h?.status === 'approved' || h?.status === 'submitted',
+        rejected: h?.status === 'rejected',
+        pending: h?.status != 'approved' && h?.status != 'rejected' && h?.status != 'submitted',
+        comment: h?.comment || h?.remark || ''
+      }))
+    }
+    timelineDialogVisible.value = true
+  }
   function statusClass(status: any) {
     if (status === 'rejected') return 'status-lost'
     if (status === 'approved') return 'status-following'
diff --git a/src/views/crmpc/vehicle/color.vue b/src/views/crmpc/vehicle/color.vue
index faf9020..c2c80a4 100644
--- a/src/views/crmpc/vehicle/color.vue
+++ b/src/views/crmpc/vehicle/color.vue
@@ -55,7 +55,7 @@
         @current-change="handleCurrentChange"
       >
         <template #default>
-          <ElTableColumn label="颜色编码" prop="color_code" min-width="120" />
+          <!-- <ElTableColumn label="颜色编码" prop="color_code" min-width="120" /> -->
           <ElTableColumn label="颜色名称" prop="color_text" min-width="150" />
           <ElTableColumn label="类型" prop="type" width="120">
             <template #default="scope">
diff --git a/src/views/crmpc/vehicle/modification.vue b/src/views/crmpc/vehicle/modification.vue
index 1f36644..5302001 100644
--- a/src/views/crmpc/vehicle/modification.vue
+++ b/src/views/crmpc/vehicle/modification.vue
@@ -42,7 +42,7 @@
         @current-change="handleCurrentChange"
       >
         <template #default>
-          <ElTableColumn label="项目编码" prop="code" min-width="120" />
+          <!-- <ElTableColumn label="项目编码" prop="code" min-width="120" /> -->
           <ElTableColumn label="项目名称" prop="name" min-width="150" />
           <ElTableColumn label="改装类型" prop="type" width="120">
             <template #default="scope">
diff --git a/src/views/crmpc/vehicle/vehicle_list.vue b/src/views/crmpc/vehicle/vehicle_list.vue
index f4d3149..0d99dd5 100644
--- a/src/views/crmpc/vehicle/vehicle_list.vue
+++ b/src/views/crmpc/vehicle/vehicle_list.vue
@@ -109,7 +109,7 @@
           <ElRow :gutter="16">
             <ElCol :span="8">
               <ElFormItem label="品牌名称" prop="brand_name">
-                <ElSelect v-model="formData.brand_name" placeholder="请选择品牌名称">
+                <ElSelect v-model="formData.brand_name" filterable placeholder="请选择品牌名称">
                   <ElOption
                     v-for="item in brandOptions"
                     :key="item.brand_code || item.code"
@@ -122,7 +122,7 @@
             </ElCol>
             <ElCol :span="8">
               <ElFormItem label="车系名称" prop="series_name">
-                <ElSelect v-model="formData.series_name" placeholder="请选择车系名称">
+                <ElSelect v-model="formData.series_name" filterable placeholder="请选择车系名称">
                   <ElOption
                     v-for="s in seriesOptions"
                     :key="s.series_code || s.code"