Merge remote-tracking branch 'origin/cjerp-1.0_shipping' into test_cjerp

 <?xml version="1.0" encoding="UTF-8"?>
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
 <project version="4">
   <component name="ChangeListManager">
   <component name="ChangeListManager">
-    <list default="true" id="22e3db16-f3f9-44cc-b7ca-0b5f75df2820" name="Changes" comment="" />
+    <list default="true" id="22e3db16-f3f9-44cc-b7ca-0b5f75df2820" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/pages/draft_order/modify.vue" beforeDir="false" afterPath="$PROJECT_DIR$/pages/draft_order/modify.vue" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -48,6 +50,11 @@
     <ui_properties converted="true" />
     <ui_properties converted="true" />
   </component>
   </component>
   <component name="Git.Settings">
   <component name="Git.Settings">
+    <option name="RECENT_BRANCH_BY_REPOSITORY">
+      <map>
+        <entry key="$PROJECT_DIR$" value="publish_cjerp" />
+      </map>
+    </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
   </component>
   <component name="ProjectColorInfo">{
   <component name="ProjectColorInfo">{
@@ -164,7 +171,19 @@
       <map>
       <map>
         <entry key="MAIN">
         <entry key="MAIN">
           <value>
           <value>
-            <State />
+            <State>
+              <option name="FILTERS">
+                <map>
+                  <entry key="branch">
+                    <value>
+                      <list>
+                        <option value="cjerp-1.0_20251220" />
+                      </list>
+                    </value>
+                  </entry>
+                </map>
+              </option>
+            </State>
           </value>
           </value>
         </entry>
         </entry>
       </map>
       </map>

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum';
+
+const baseUrl = '/requestCarTicket';
+// 查询列表
+export function queryApi(params) {
+  return request({
+    url: baseUrl + `/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 根据ID查询详情数据
+export function getDetailApi(id) {
+  return request({
+    url:  baseUrl,
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 新增保存
+export function createApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+
+// 修改保存
+export function updateApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'put',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum';
+
+const baseUrl = '/delayedShipment';
+// 查询列表
+export function queryApi(params) {
+  return request({
+    url: baseUrl + `/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 根据ID查询详情数据
+export function getDetailApi(id) {
+  return request({
+    url:  baseUrl,
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 取消
+export function cancelApi(id) {
+  return request({
+    url:  baseUrl + '/cancel',
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 延期发货按钮-选择的数据查询
+export function getShipmentPlanDetailApi(id) {
+  return request({
+    url:  '/shipments/plan/detail',
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 新增保存
+export function createApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+
+// 修改保存
+export function updateApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'put',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+

@@ -2,13 +2,54 @@ import request from '@/utils/request'
 import { ContentTypeEnum } from '@/utils/httpEnum';
 import { ContentTypeEnum } from '@/utils/httpEnum';
 
 
 const baseUrl = '/draftRequestCarTicket';
 const baseUrl = '/draftRequestCarTicket';
+// 查询列表
+export function queryApi(params) {
+  return request({
+    url: baseUrl + `/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 根据ID查询详情数据
+export function getDetailApi(id) {
+  return request({
+    url:  baseUrl,
+    method: 'get',
+    params: { id }
+  })
+}
+
+
+// 取消
+export function cancelApi(id) {
+  return request({
+    url:  baseUrl + '/cancel',
+    method: 'get',
+    params: { id }
+  })
+}
 
 
 // 新增保存
 // 新增保存
 export function createApi(params) {
 export function createApi(params) {
   return request({
   return request({
-    url: `${baseUrl}`,
+    url: baseUrl,
     method: 'post',
     method: 'post',
     data: params,
     data: params,
     contentType: ContentTypeEnum.JSON
     contentType: ContentTypeEnum.JSON
   })
   })
 }
 }
+
+
+
+// 修改保存
+export function updateApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'put',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum';
+
+const baseUrl = '/shipments/order';
+// 查询列表
+export function queryApi(params) {
+  return request({
+    url: baseUrl + `/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 根据ID查询详情数据
+export function getDetailApi(id) {
+  return request({
+    url:  baseUrl,
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 新增保存
+export function createApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.FORM_URLENCODED
+  })
+}
+
+
+// 修改保存
+export function updateApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'put',
+    data: params,
+    contentType: ContentTypeEnum.FORM_URLENCODED
+  })
+}
+
+
+// 检查发货计划是否可以填写实发数
+// [id1, id2, ...]
+export function checkApi(ids) {
+  return request({
+    url: baseUrl + '/check',
+    method: 'post',
+    data: ids,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 根据发货计划ID查询发货订单列表
+export function listByShipmentOrderId(shipmentsOrderId) {
+  return request({
+    url:  baseUrl + '/listByShipmentOrderId',
+    method: 'get',
+    params: { shipmentsOrderId }
+  })
+}
+
+// 根据发货计划ID查询发货订单列表
+// {
+//   id,
+//   detailList,
+//   type,
+// }
+export function dataReplenishInput(params) {
+  return request({
+    url: baseUrl + '/dataReplenishInput',
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 保存签收单
+// {
+//   fileId: String;
+//   fileName: String;
+//   shipmentsOrderId: String;
+// }
+export function saveSignInTicket(params) {
+  return request({
+    url: baseUrl + '/saveSignInTicket',
+    method: 'get',
+    params: params,
+  })
+}
+
+// 查询发货计划详情
+export function queryDetail(params) {
+  return request({
+    url: '/shipments/plan/detail/query',
+    method: 'get',
+    params: params,
+  })
+}
+
+// 发货单-拆分
+export function splitDataApi(params) {
+  return request({
+    url: '/shipments/plan/detail/split',
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum';
+
+const baseUrl = '/shipments/replenishmentOrder';
+// 查询列表
+export function queryApi(params) {
+  return request({
+    url: baseUrl + `/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 根据ID查询详情数据
+export function getDetailApi(id) {
+  return request({
+    url:  baseUrl,
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 获取订单编号
+export function getCodeApi(purchaseOrderId) {
+  return request({
+    url:  baseUrl + '/getCode',
+    method: 'get',
+    params: { purchaseOrderId }
+  })
+}
+
+
+// 取消
+export function cancelApi(id) {
+  return request({
+    url:  baseUrl + '/cancel',
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 新增保存
+export function createApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+
+// 填写计划补货时间
+export function fillRestockTimeApi(params) {
+  return request({
+    url: baseUrl + '/fillRestockTime',
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+
+// 修改保存
+export function updateApi(params) {
+  return request({
+    url: baseUrl,
+    method: 'put',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+// 通过订单ID 补货单-获取订货单列表
+export function loadOrderApi(ids) {
+  return request({
+    url: `/selector/replenishment/order/load`,
+    method: 'post',
+    data: ids,
+    contentType: ContentTypeEnum.JSON
+  })
+}

@@ -4,9 +4,6 @@
       class="scroll"
       class="scroll"
       scroll-y
       scroll-y
       :lower-threshold="lowerThreshold"
       :lower-threshold="lowerThreshold"
-      :refresher-enabled="enableRefresh"
-      :refresher-triggered="refresherTriggered"
-      @refresherrefresh="onRefresh"
       @scrolltolower="onLoadMore"
       @scrolltolower="onLoadMore"
       @scroll="onScroll"
       @scroll="onScroll"
     >
     >

 <template>
 <template>
-  <view class="button-bar">
+  <view v-if="effectiveButtons.length" class="button-bar">
     <view v-if="showMoreButton" class="more-link" @click="toggleMore">更多</view>
     <view v-if="showMoreButton" class="more-link" @click="toggleMore">更多</view>
     <view class="button-grid" :style="{ gridTemplateColumns: gridColumns }">
     <view class="button-grid" :style="{ gridTemplateColumns: gridColumns }">
       <view v-for="(btn, idx) in visibleButtons" :key="idx" class="action-button" :class="buttonClass(btn)" :style="buttonStyle(btn)" @click="emitClick(btn)">{{ btn.text }}</view>
       <view v-for="(btn, idx) in visibleButtons" :key="idx" class="action-button" :class="buttonClass(btn)" :style="buttonStyle(btn)" @click="emitClick(btn)">{{ btn.text }}</view>

@@ -3,7 +3,7 @@
     <view class="filter-modal">
     <view class="filter-modal">
       <view class="header">
       <view class="header">
         <text class="title">{{ title }}</text>
         <text class="title">{{ title }}</text>
-        <text class="close" @click="onClose">×</text>
+        <text class="close" @click="onClose"></text>
       </view>
       </view>
 
 
       <view class="body">
       <view class="body">
@@ -110,8 +110,12 @@ export default {
   text-align: center;
   text-align: center;
 }
 }
 .close {
 .close {
-  font-size: 36rpx;
-  color: #666;
+  width: 48rpx;
+	height: 48rpx;
+	background-image: url('~@/static/images/flow/close_icon.png');
+	background-repeat: no-repeat;
+	background-position: right center;
+	background-size: cover;
 }
 }
 .body {
 .body {
   flex: 1 1 auto;
   flex: 1 1 auto;

@@ -233,13 +233,13 @@ export default {
 .cancel { color: rgba(0,0,0,0.6); font-size: 28rpx; }
 .cancel { color: rgba(0,0,0,0.6); font-size: 28rpx; }
 .ok { color: $theme-primary; font-size: 28rpx; }
 .ok { color: $theme-primary; font-size: 28rpx; }
 .sheet-search { padding: 16rpx 24rpx; }
 .sheet-search { padding: 16rpx 24rpx; }
-.sheet-body { 
-  flex: 1 1 auto; overflow-y: auto; padding: 24rpx; 
+.sheet-body {
+  flex: 1 1 auto; overflow-y: auto; padding: 24rpx;
   background: #f3f3f3;
   background: #f3f3f3;
 }
 }
 .card { background: #fff; }
 .card { background: #fff; }
-.card.selected { 
-  background-color: #fff; 
+.card.selected {
+  background-color: #fff;
   position: relative;
   position: relative;
   &::after {
   &::after {
     content: '';
     content: '';

@@ -650,9 +650,129 @@
 			}
 			}
 		},
 		},
 		{
 		{
-			"path": "pages/message/detail",
+			"path": "pages/invoice/index",
 			"style": {
 			"style": {
-				"navigationBarTitleText": "消息详情",
+				"navigationBarTitleText": "发货单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/invoice/detail",
+			"style": {
+				"navigationBarTitleText": "发货单详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/invoice/fill",
+			"style": {
+				"navigationBarTitleText": "发货单填写实发数",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/delay_invoice/index",
+			"style": {
+				"navigationBarTitleText": "延期发货单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/delay_invoice/detail",
+			"style": {
+				"navigationBarTitleText": "延期发货单详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/delay_invoice/modify",
+			"style": {
+				"navigationBarTitleText": "编辑延期发货单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/draft_order/index",
+			"style": {
+				"navigationBarTitleText": "草稿要车单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/draft_order/detail",
+			"style": {
+				"navigationBarTitleText": "草稿要车单详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/draft_order/modify",
+			"style": {
+				"navigationBarTitleText": "编辑草稿要车单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/car_request_order/index",
+			"style": {
+				"navigationBarTitleText": "要车单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/car_request_order/detail",
+			"style": {
+				"navigationBarTitleText": "要车单详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/replenishment_order/index",
+			"style": {
+				"navigationBarTitleText": "补货单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/replenishment_order/add",
+			"style": {
+				"navigationBarTitleText": "新增补货单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/replenishment_order/detail",
+			"style": {
+				"navigationBarTitleText": "补货单详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/replenishment_order/modify",
+			"style": {
+				"navigationBarTitleText": "编辑补货单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/replenishment_order/fill",
+			"style": {
+				"navigationBarTitleText": "填写补货时间",
 				"navigationBarBackgroundColor": "#ffffff",
 				"navigationBarBackgroundColor": "#ffffff",
 				"navigationBarTextStyle": "black"
 				"navigationBarTextStyle": "black"
 			}
 			}

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row company">{{ form.orderingUnitName }}</text>
+          <view class="row"><text class="label">要车日期</text><text class="value">{{ form.requestCarDate }}</text></view>
+          <view class="row"><text class="label">要车办事处</text><text class="value">{{ form.deptName }}</text></view>
+          <view class="row"><text class="label">计划装货日期</text><text class="value">{{ form.deliveryDate }}</text></view>
+          <view class="row"><text class="label">装货厂别</text><text class="value">{{ form.workshopName }}</text></view>
+          <view class="row"><text class="label">订单编号</text><text class="value">{{ form.orderNo }}</text></view>
+          <view class="row"><text class="label">卸货地点</text><text class="value">{{ form.destination }}</text></view>
+          <view class="row"><text class="label">计划吨位(kg)</text><text class="value">{{ form.quantity }}</text></view>
+          <view class="row"><text class="label">接货人/联络人</text><text class="value">{{ form.consignee }}</text></view>
+          <view class="row"><text class="label">联系电话</text><text class="value">{{ form.phone }}</text></view>
+          <view class="row"><text class="label">装货时间</text><text class="value">{{ form.loadingTime }}</text></view>
+          <view class="row"><text class="label">外办审核人</text><text class="value">{{ form.externalAuditorName }}</text></view>
+          <view class="row"><text class="label">经营办审核人</text><text class="value">{{ form.businessOfficeAuditorName }}</text></view>
+          <view class="row"><text class="label">运作科审核人</text><text class="value">{{ form.operationsDepartmentAuditorName }}</text></view>
+          <view class="row"><text class="label">回货计划安排</text><text class="value">{{ form.returnPlanArrangement }}</text></view>
+          <view class="row"><text class="label">特殊需求、其他等</text><text class="value">{{ form.other }}</text></view>
+          <view class="row"><text class="label">装货特别要求/需求</text><text class="value">{{ form.specialLoadingRequirement }}</text></view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { getDetailApi } from '@/api/car_request_order.js'
+
+export default {
+  name: 'CarRequestOrderDetail',
+  data() {
+    return {
+      form: {},
+    }
+  },
+  computed: {
+  },
+  onLoad(query) {
+    const id = (query && (query.id || query.code)) || ''
+    if (id) this.loadDetail(id)
+  },
+  methods: {
+    async loadDetail(id) {
+      try {
+        const res = await getDetailApi(id)
+        this.form = res.data || {}
+      } catch (e) {
+        this.form = {}
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.scroll {
+  flex: 1;
+  background: #f3f3f3;
+}
+
+.detail-page {
+}
+
+.section {
+  padding: 32rpx;
+  background: #fff;
+  margin-bottom: 20rpx;
+  position: relative;
+}
+
+.row {
+  display: flex;
+  margin-bottom: 28rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.company {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.9);
+    padding-top: 10rpx;
+    margin-bottom: 32rpx;
+    line-height: 50rpx;
+  }
+
+  .label {
+    width: 240rpx;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+  }
+
+  .value {
+    flex: 1;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    text-align: right;
+    word-break: break-all;
+  }
+}
+
+.title-header {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 32rpx 32rpx 22rpx;
+  border-bottom: 1rpx dashed #f0f0f0;
+
+  &_icon {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+  }
+
+  span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 44rpx;
+    font-weight: 600;
+  }
+}
+</style>

+<template>
+	<view class="page">
+		<view class="dev-list-fixed">
+			<view class="search-row">
+				<uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入客户名称或者订单编号" clearButton="auto"
+					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
+					@input="onSearchInput" />
+				<view class="tool-icons">
+					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+				</view>
+			</view>
+		</view>
+
+
+		<!-- 列表卡片组件 -->
+		<view class="list-box">
+			<card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" row-key="id"
+				:enable-refresh="true" :enable-load-more="true" @loaded="onCardLoaded" @error="onCardError">
+				<template v-slot="{ item, selected }">
+					<view class="card" @click.stop="onCardClick(item)">
+						<view class="card-header">
+							<text class="title omit2">{{ item.orderingUnitName }}</text>
+						</view>
+						<view class="info-row">
+							<text>订单编号</text><text>{{ item.orderNo || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>要车办事处</text><text>{{ item.deptName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>装货厂别</text><text>{{ item.workshopName || '-' }}</text>
+						</view>
+						<view class="info-row">
+							<text>要车日期</text><text>{{ item.requestCarDate || '-' }}</text>
+						</view>
+					</view>
+				</template>
+			</card-list>
+		</view>
+
+
+
+		<!-- 筛选弹框 -->
+		<filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+			@confirm="onFilterConfirm">
+			<template v-slot="{ model }">
+				<view class="filter-form">
+					<view class="form-item">
+						<view class="label">办事处</view>
+						<uni-easyinput v-model="model.deptName" placeholder="请输入办事处" :inputBorder="false"
+							placeholderStyle="font-size:14px" @input="onDeptNameInput" />
+					</view>
+
+					<view class="form-item">
+						<view class="label">装货厂别</view>
+						<uni-data-checkbox mode="tag" :multiple="false" :value-field="'value'" :text-field="'text'"
+							v-model="model.workshopId" @change="onWorkshopChange" :localdata="workshopOptions" />
+					</view>
+
+					<view class="form-item">
+						<view class="label">要车日期</view>
+						<uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01" @change="onDateChange($event, model)" />
+					</view>
+				</view>
+			</template>
+		</filter-modal>
+	</view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import { workshopQueryApi } from '@/api/devManage.js'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import {
+	queryApi
+} from '@/api/car_request_order.js'
+import {
+	getDicByCodes
+} from '@/utils/dic'
+import {
+	getDicName
+} from '@/utils/dic.js'
+
+export default {
+	components: {
+		CardList,
+		FilterModal,
+		SingleSelectSheet
+	},
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			tabs: [],
+			// 给到 card 的筛选值
+			query: {
+				status: '',
+				companySuggestedCategory: '',
+				dateRange: []
+			},
+			extraParams: {},
+
+			// 批量选择
+			rowKey: 'id',
+			currentItems: [],
+
+			// 筛选弹框
+			filterVisible: false,
+			filterForm: {
+				status: '',
+				dateRange: []
+			},
+			dicOptions: {
+				SHIP_ORDER_STATUS: [],
+			},
+			statusLocal: [],
+			workshopOptions: [],
+		}
+	},
+	computed: {
+		extraCombined() {
+			return {
+				searchKey: this.searchKeywordDebounced || undefined
+			}
+		}
+	},
+	watch: {
+		extraCombined: {
+			deep: true,
+			handler(v) {
+				this.extraParams = v
+			},
+			immediate: true
+		},
+
+	},
+	created() {
+		this.loadWorkshopOptions()
+	},
+	onLoad() { },
+	// 页面触底兜底：当页面自身滚动到底部时，转调卡片组件加载更多
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	beforeDestroy() {
+		if (this.searchDebounceTimer) {
+			clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = null
+		}
+	},
+	methods: {
+		async loadWorkshopOptions() {
+			try {
+				const res = await workshopQueryApi({ pageIndex: 1, pageSize: 9999 })
+				const list = (res && res.data && res.data.datas) || []
+				this.workshopOptions = list.map(it => ({ text: it.name || it.workshopName || '', value: it.id || it.workshopId || '' }))
+			} catch (e) {
+				this.workshopOptions = []
+			}
+		},
+		onCardLoaded({
+			items
+		}) {
+			this.currentItems = items
+		},
+		onCardError() {
+			uni.showToast({
+				title: '列表加载失败',
+				icon: 'none'
+			})
+		},
+		// 输入实时搜索：1200ms 防抖，仅在停止输入超过阈值后刷新
+		onSearchInput(val) {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+			}, 1200)
+		},
+		// uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
+		search(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+		},
+		onAdd() {
+			uni.navigateTo({
+				url: '/pages/credit_manage/add'
+			})
+		},
+		openFilter() {
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			if ((payload.status === '' || payload.status == null) && this.filterForm.status !== '') {
+				payload.status = this.filterForm.status
+			}
+			this.query = {
+				...payload
+			}
+		},
+		onStatusChange(e) {
+			const raw = e && e.detail && e.detail.value !== undefined ?
+				e.detail.value :
+				(e && e.value !== undefined ? e.value : '')
+			this.filterForm.status = raw
+		},
+
+		// 列表接口（真实请求）
+		fetchList({
+			pageIndex,
+			pageSize,
+			query,
+			extra
+		}) {
+			const params = {
+				pageIndex,
+				pageSize,
+				...extra,
+				...query
+			}
+			if (Array.isArray(params.dateRange) && params.dateRange.length === 2) {
+				params.requestCarDateStart = params.dateRange[0]
+				params.requestCarDateEnd = params.dateRange[1]
+				delete params.dateRange
+			}
+			if (this.searchKeywordDebounced) {
+				params.searchKey = this.searchKeywordDebounced
+			}
+			return queryApi(params)
+				.then(res => {
+					const _data = res.data || {};
+					const records = _data.datas || [];
+					const totalCount = _data.totalCount || 0;
+					const hasNext = _data.hasNext || false
+					return {
+						records,
+						totalCount,
+						hasNext
+					}
+				})
+				.catch(err => {
+					console.error('fetchList error', err)
+					this.onCardError()
+					return {
+						records: [],
+						totalCount: 0,
+						hasNext: false
+					}
+				})
+		},
+		onCardClick(item) {
+			const id = (item && (item.id || item.code)) || ''
+			if (!id) return
+			const query = '?id=' + encodeURIComponent(id)
+			uni.navigateTo({
+				url: '/pages/car_request_order/detail' + query
+			})
+		},
+		getDicName: getDicName,
+		getCategoryClass(categoryName) {
+			if (!categoryName) return ''
+			if (categoryName.includes('A') || categoryName.includes('a')) {
+				return 'category_A'
+			} else if (categoryName.includes('B') || categoryName.includes('b')) {
+				return 'category_B'
+			} else if (categoryName.includes('C') || categoryName.includes('c')) {
+				return 'category_C'
+			} else if (categoryName.includes('D') || categoryName.includes('d')) {
+				return 'category_D'
+			}
+		},
+		onDeptNameInput(val) {
+			this.filterForm.deptName = val
+		},
+		onWorkshopChange(e) {
+			const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ? e.value : '')
+			this.filterForm.workshopId = raw
+			const match = (this.workshopOptions || []).find(o => String(o.value) === String(raw))
+			this.filterForm.workshopIdName = match ? (match.text || '') : ''
+		},
+		 onDateChange(e, model) {
+			// 确保同步更新 filterForm，避免数据不同步
+			this.filterForm.dateRange = e
+		},
+
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dev-list-fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+
+	.search-row {
+		display: flex;
+		align-items: center;
+		padding: 16rpx 32rpx;
+
+		.uni-searchbar {
+			padding: 0;
+			flex: 1;
+		}
+
+		.tool-icons {
+			display: flex;
+
+			.tool-icon {
+				width: 48rpx;
+				height: 48rpx;
+				display: block;
+				margin-left: 32rpx;
+			}
+		}
+	}
+
+}
+
+/* 仅当前页覆盖 uni-search-bar 盒子高度 */
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
+
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
+	}
+}
+
+.list-box {
+	flex: 1;
+	padding-top: 140rpx;
+
+	&.pad-batch {
+		padding-bottom: 144rpx;
+	}
+
+	.card {
+		position: relative;
+	}
+
+	.card-header {
+		margin-bottom: 28rpx;
+		position: relative;
+
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
+			width: 578rpx;
+		}
+
+		.status-box {
+			position: absolute;
+			top: -32rpx;
+			right: -12rpx;
+
+			.status {
+				display: block;
+				height: 48rpx;
+				line-height: 48rpx;
+				font-weight: 600;
+				color: #fff;
+				font-size: 24rpx;
+				padding: 0 14rpx;
+				border-radius: 6rpx;
+				margin-bottom: 8rpx;
+
+				// 已签收
+				&.status_DELIVERED {
+					background: #E7E7E7;
+					color: rgba(0, 0, 0, 0.9);
+				}
+
+				// 已发货
+				&.status_SHIPMENTS {
+					background: #2BA471;
+				}
+
+				// 未发货
+				&.status_UN_SHIPMENTS {
+					background: #D54941;
+				}
+			}
+
+			.status2 {
+				display: block;
+				font-weight: 600;
+				line-height: 48rpx;
+				height: 48rpx;
+				color: #fff;
+				font-size: 24rpx;
+				padding: 0 14rpx;
+				border-radius: 6rpx;
+				background: #E7E7E7;
+				color: rgba(0, 0, 0, 0.9);
+
+			}
+
+		}
+
+	}
+
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		text {
+			width: 60%;
+			line-height: 32rpx;
+
+			&:last-child {
+				color: rgba(0, 0, 0, 0.9);
+				width: 40%;
+			}
+
+			&.category {
+				display: inline-block;
+				padding: 4rpx 12rpx;
+				border-radius: 6rpx;
+				font-size: 24rpx;
+				width: auto;
+
+				&.category_A {
+					background: #FFF0ED;
+					color: #D54941;
+				}
+
+				&.category_B {
+					background: #FFF1E9;
+					color: #E37318;
+				}
+
+				&.category_C {
+					background: #F2F3FF;
+					color: $theme-primary;
+				}
+
+				&.category_D {
+					background: #E3F9E9;
+					color: #2BA471;
+				}
+			}
+		}
+
+	}
+}
+
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
+
+	.uni-easyinput {
+		border: 1rpx solid #f3f3f3;
+	}
+
+}
+
+/* 深度覆盖 uni-data-checkbox（mode=tag）内部的 tag 展示与间距 */
+::v-deep .filter-form .uni-data-checklist .checklist-group {
+	.checklist-box {
+		&.is--tag {
+			width: 212rpx;
+			margin-top: 0;
+			margin-bottom: 24rpx;
+			margin-right: 24rpx;
+			height: 80rpx;
+			padding: 0;
+			border-radius: 12rpx;
+			background-color: #f3f3f3;
+			border-color: #f3f3f3;
+
+			&:nth-child(3n) {
+				margin-right: 0;
+			}
+
+			.checklist-content {
+				display: flex;
+				justify-content: center;
+			}
+
+			.checklist-text {
+				color: rgba(0, 0, 0, 0.9);
+				font-size: 28rpx;
+			}
+		}
+
+		&.is-checked {
+			background-color: $theme-primary-plain-bg !important;
+			border-color: $theme-primary-plain-bg !important;
+
+			.checklist-text {
+				color: $theme-primary !important;
+			}
+		}
+	}
+
+}
+</style>

@@ -393,7 +393,8 @@ export default {
         const v = Number(it && it.quantity)
         const v = Number(it && it.quantity)
         return acc + (isNaN(v) ? 0 : v)
         return acc + (isNaN(v) ? 0 : v)
       }, 0)
       }, 0)
-      this.form.afterTotalQuantity = sum
+       const fixedSum = Number(sum.toFixed(2))
+      this.form.afterTotalQuantity = fixedSum
     },
     },
   }
   }
 }
 }
@@ -622,7 +623,6 @@ export default {
       color: rgba(0, 0, 0, 0.9);
       color: rgba(0, 0, 0, 0.9);
       padding-bottom: 16rpx;
       padding-bottom: 16rpx;
       margin-bottom: 24rpx;
       margin-bottom: 24rpx;
-      ;
       border-bottom: 1px dashed #E7E7E7;
       border-bottom: 1px dashed #E7E7E7;
     }
     }
 
 

@@ -228,7 +228,7 @@ export default {
 
 
 .list-box {
 .list-box {
   flex: 1;
   flex: 1;
-  padding: 120rpx 0 0;
+  padding: 140rpx 0 0;
 }
 }
 
 
 .card {
 .card {
@@ -250,7 +250,7 @@ export default {
       font-weight: 600;
       font-weight: 600;
       position: absolute;
       position: absolute;
       top: -32rpx;
       top: -32rpx;
-      right: -32rpx;
+      right: -12rpx;
       height: 48rpx;
       height: 48rpx;
       line-height: 48rpx;
       line-height: 48rpx;
       color: #fff;
       color: #fff;

@@ -312,7 +312,8 @@ export default {
         const v = Number(it && it.quantity)
         const v = Number(it && it.quantity)
         return acc + (isNaN(v) ? 0 : v)
         return acc + (isNaN(v) ? 0 : v)
       }, 0)
       }, 0)
-      this.form.afterTotalQuantity = sum
+      const fixedSum = Number(sum.toFixed(2));
+      this.form.afterTotalQuantity = fixedSum;
     },
     },
   }
   }
 }
 }
@@ -541,7 +542,6 @@ export default {
       color: rgba(0, 0, 0, 0.9);
       color: rgba(0, 0, 0, 0.9);
       padding-bottom: 16rpx;
       padding-bottom: 16rpx;
       margin-bottom: 24rpx;
       margin-bottom: 24rpx;
-      ;
       border-bottom: 1px dashed #E7E7E7;
       border-bottom: 1px dashed #E7E7E7;
     }
     }
 
 

@@ -113,8 +113,9 @@
                             <template v-slot:footer>
                             <template v-slot:footer>
                                 <uni-easyinput type="digit" v-model="item.quantity" placeholder="请输入数量kg"
                                 <uni-easyinput type="digit" v-model="item.quantity" placeholder="请输入数量kg"
                                     :inputBorder="false"
                                     :inputBorder="false"
-                                    @input="onNonNegativeNumberInput($event, item, idx, 'quantity')"
-                                    @blur="onNonNegativeNumberBlur(item, idx, 'quantity')" />
+                                    @input="onTwoDecimalInput($event, item, idx, 'quantity')"
+                                    @blur="onTwoDecimalBlur(item, idx, 'quantity')"
+                                    />
                             </template>
                             </template>
                         </uni-list-item>
                         </uni-list-item>
                         <uni-list-item v-if="item.showSalesPrice" title="销售价格">
                         <uni-list-item v-if="item.showSalesPrice" title="销售价格">
@@ -380,6 +381,49 @@ export default {
             if (isNaN(n)) item[field] = ''
             if (isNaN(n)) item[field] = ''
             if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
             if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
         },
         },
+        // 限制输入为2位小数    
+        onTwoDecimalInput(val, item, idx, field) {
+            let v = String(val != null ? val : (item && item[field]) || '')
+            v = v.replace(/[^0-9.]/g, '')
+            v = v.replace(/(\..*)\./g, '$1')
+            
+            // Restrict to 2 decimal places
+            const decimalIndex = v.indexOf('.')
+            if (decimalIndex !== -1 && v.length > decimalIndex + 3) {
+                v = v.substring(0, decimalIndex + 3)
+            }
+
+            if (v.startsWith('.')) v = '0' + v
+            
+            // If the value was modified (truncated or cleaned)
+            if (String(val) !== v) {
+                // Hack: Temporarily set the dirty value to trigger Vue update mechanism
+                // This ensures that when we set the clean value back, Vue detects a change
+                item[field] = val
+                if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+                
+                // Then revert to the clean value asynchronously
+                setTimeout(() => {
+                    item[field] = v
+                    if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+                }, 0)
+            } else {
+                item[field] = v
+                if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+            }
+        },
+        onTwoDecimalBlur(item, idx, field) {
+            let v = String((item && item[field]) || '')
+            const num = Number(v)
+            if (isNaN(num) || num < 0) {
+                item[field] = '0'
+            } else {
+                if (v.endsWith('.')) {
+                    item[field] = v.slice(0, -1)
+                }
+            }
+            if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+        },
         toggleViewCollapse() {
         toggleViewCollapse() {
             this.collapsedView = !this.collapsedView
             this.collapsedView = !this.collapsedView
         },
         },
@@ -729,7 +773,6 @@ export default {
             color: rgba(0, 0, 0, 0.9);
             color: rgba(0, 0, 0, 0.9);
             padding-bottom: 16rpx;
             padding-bottom: 16rpx;
             margin-bottom: 24rpx;
             margin-bottom: 24rpx;
-            ;
             border-bottom: 1px dashed #E7E7E7;
             border-bottom: 1px dashed #E7E7E7;
         }
         }
 
 
@@ -846,7 +889,6 @@ export default {
             color: rgba(0, 0, 0, 0.9);
             color: rgba(0, 0, 0, 0.9);
             padding-bottom: 16rpx;
             padding-bottom: 16rpx;
             margin-bottom: 24rpx;
             margin-bottom: 24rpx;
-            ;
             border-bottom: 1px dashed #E7E7E7;
             border-bottom: 1px dashed #E7E7E7;
         }
         }
 
 

@@ -546,4 +546,7 @@ export default {
     color: rgba(0, 0, 0, 0.6);
     color: rgba(0, 0, 0, 0.6);
     font-size: 32rpx;
     font-size: 32rpx;
 }
 }
+.upload-row {
+    margin-top: 20rpx;
+}
 </style>
 </style>

@@ -330,7 +330,7 @@ export default {
             font-weight: 600;
             font-weight: 600;
             position: absolute;
             position: absolute;
             top: -36rpx;
             top: -36rpx;
-            right: -32rpx;
+            right: -12rpx;
             height: 48rpx;
             height: 48rpx;
             line-height: 48rpx;
             line-height: 48rpx;
             color: #fff;
             color: #fff;
@@ -366,19 +366,19 @@ export default {
     }
     }
 }
 }
 
 
-.filter-form { 
+.filter-form {
     .form-item { margin-bottom: 24rpx; }
     .form-item { margin-bottom: 24rpx; }
-    .label { 
-        margin-bottom: 20rpx; 
+    .label {
+        margin-bottom: 20rpx;
         color: rgba(0,0,0,0.9);
         color: rgba(0,0,0,0.9);
         height: 44rpx;
         height: 44rpx;
         line-height: 44rpx;
         line-height: 44rpx;
         font-size: 30rpx;
         font-size: 30rpx;
      }
      }
-    .fake-select { 
-        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+    .fake-select {
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx;
         .placeholder { color: #999; }
         .placeholder { color: #999; }
         .value { color: #333; }
         .value { color: #333; }
     }
     }
 }
 }
-</style>
+</style>

@@ -638,4 +638,7 @@ export default {
     color: rgba(0, 0, 0, 0.6);
     color: rgba(0, 0, 0, 0.6);
     font-size: 32rpx;
     font-size: 32rpx;
 }
 }
+.upload-row {
+    margin-top: 20rpx;
+}
 </style>
 </style>

@@ -331,7 +331,7 @@ export default {
             font-weight: 600;
             font-weight: 600;
             position: absolute;
             position: absolute;
             top: -36rpx;
             top: -36rpx;
-            right: -32rpx;
+            right: -12rpx;
             height: 48rpx;
             height: 48rpx;
             line-height: 48rpx;
             line-height: 48rpx;
             color: #fff;
             color: #fff;
@@ -380,19 +380,19 @@ export default {
     }
     }
 }
 }
 
 
-.filter-form { 
+.filter-form {
     .form-item { margin-bottom: 24rpx; }
     .form-item { margin-bottom: 24rpx; }
-    .label { 
-        margin-bottom: 20rpx; 
+    .label {
+        margin-bottom: 20rpx;
         color: rgba(0,0,0,0.9);
         color: rgba(0,0,0,0.9);
         height: 44rpx;
         height: 44rpx;
         line-height: 44rpx;
         line-height: 44rpx;
         font-size: 30rpx;
         font-size: 30rpx;
      }
      }
-    .fake-select { 
-        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+    .fake-select {
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx;
         .placeholder { color: #999; }
         .placeholder { color: #999; }
         .value { color: #333; }
         .value { color: #333; }
     }
     }
 }
 }
-</style>
+</style>

@@ -650,4 +650,7 @@ export default {
     color: rgba(0, 0, 0, 0.6);
     color: rgba(0, 0, 0, 0.6);
     font-size: 32rpx;
     font-size: 32rpx;
 }
 }
+.upload-row {
+    margin-top: 20rpx;
+}
 </style>
 </style>

@@ -63,7 +63,7 @@
             <view class="info-row" v-if="item.status === 'STANDARD' || item.status === 'FORMAL'">
             <view class="info-row" v-if="item.status === 'STANDARD' || item.status === 'FORMAL'">
               <text>{{ item.status === 'STANDARD' ? '标准合同' : '正式合同' }}规范性审核状态</text>
               <text>{{ item.status === 'STANDARD' ? '标准合同' : '正式合同' }}规范性审核状态</text>
               <span v-if="item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName" class="info-status" :style="getStatusCss(item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName)">{{ item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName }}</span>
               <span v-if="item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName" class="info-status" :style="getStatusCss(item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName)">{{ item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName }}</span>
-              <span v-else>-</span>            
+              <span v-else>-</span>
             </view>
             </view>
             <view class="info-row">
             <view class="info-row">
               <text>订货日期</text><text>{{ item.orderDate }}</text>
               <text>订货日期</text><text>{{ item.orderDate }}</text>
@@ -333,7 +333,7 @@ export default {
             font-weight: 600;
             font-weight: 600;
             position: absolute;
             position: absolute;
             top: -36rpx;
             top: -36rpx;
-            right: -32rpx;
+            right: -12rpx;
             height: 48rpx;
             height: 48rpx;
             line-height: 48rpx;
             line-height: 48rpx;
             color: #fff;
             color: #fff;
@@ -382,19 +382,19 @@ export default {
     }
     }
 }
 }
 
 
-.filter-form { 
+.filter-form {
     .form-item { margin-bottom: 24rpx; }
     .form-item { margin-bottom: 24rpx; }
-    .label { 
-        margin-bottom: 20rpx; 
+    .label {
+        margin-bottom: 20rpx;
         color: rgba(0,0,0,0.9);
         color: rgba(0,0,0,0.9);
         height: 44rpx;
         height: 44rpx;
         line-height: 44rpx;
         line-height: 44rpx;
         font-size: 30rpx;
         font-size: 30rpx;
      }
      }
-    .fake-select { 
-        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+    .fake-select {
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx;
         .placeholder { color: #999; }
         .placeholder { color: #999; }
         .value { color: #333; }
         .value { color: #333; }
     }
     }
 }
 }
-</style>
+</style>

@@ -282,7 +282,7 @@ export default {
       font-weight: 600;
       font-weight: 600;
       position: absolute;
       position: absolute;
       top: -36rpx;
       top: -36rpx;
-      right: -32rpx;
+      right: -12rpx;
       height: 48rpx;
       height: 48rpx;
       line-height: 48rpx;
       line-height: 48rpx;
       color: #fff;
       color: #fff;
@@ -402,4 +402,4 @@ export default {
   }
   }
 
 
 }
 }
-</style>
+</style>

@@ -516,4 +516,7 @@ export default {
     color: rgba(0, 0, 0, 0.6);
     color: rgba(0, 0, 0, 0.6);
     font-size: 32rpx;
     font-size: 32rpx;
 }
 }
+.upload-row {
+    margin-top: 20rpx;
+}
 </style>
 </style>

@@ -330,7 +330,7 @@ export default {
             font-weight: 600;
             font-weight: 600;
             position: absolute;
             position: absolute;
             top: -36rpx;
             top: -36rpx;
-            right: -32rpx;
+            right: -12rpx;
             height: 48rpx;
             height: 48rpx;
             line-height: 48rpx;
             line-height: 48rpx;
             color: #fff;
             color: #fff;
@@ -379,19 +379,19 @@ export default {
     }
     }
 }
 }
 
 
-.filter-form { 
+.filter-form {
     .form-item { margin-bottom: 24rpx; }
     .form-item { margin-bottom: 24rpx; }
-    .label { 
-        margin-bottom: 20rpx; 
+    .label {
+        margin-bottom: 20rpx;
         color: rgba(0,0,0,0.9);
         color: rgba(0,0,0,0.9);
         height: 44rpx;
         height: 44rpx;
         line-height: 44rpx;
         line-height: 44rpx;
         font-size: 30rpx;
         font-size: 30rpx;
      }
      }
-    .fake-select { 
-        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+    .fake-select {
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx;
         .placeholder { color: #999; }
         .placeholder { color: #999; }
         .value { color: #333; }
         .value { color: #333; }
     }
     }
 }
 }
-</style>
+</style>

@@ -545,4 +545,7 @@ export default {
     background: $theme-primary;
     background: $theme-primary;
     color: #fff;
     color: #fff;
 }
 }
+.upload-row {
+    margin-top: 20rpx;
+}
 </style>
 </style>

@@ -327,7 +327,7 @@ export default {
             font-weight: 600;
             font-weight: 600;
             position: absolute;
             position: absolute;
             top: -36rpx;
             top: -36rpx;
-            right: -32rpx;
+            right: -12rpx;
             height: 48rpx;
             height: 48rpx;
             line-height: 48rpx;
             line-height: 48rpx;
             color: #fff;
             color: #fff;
@@ -376,19 +376,19 @@ export default {
     }
     }
 }
 }
 
 
-.filter-form { 
+.filter-form {
     .form-item { margin-bottom: 24rpx; }
     .form-item { margin-bottom: 24rpx; }
-    .label { 
-        margin-bottom: 20rpx; 
+    .label {
+        margin-bottom: 20rpx;
         color: rgba(0,0,0,0.9);
         color: rgba(0,0,0,0.9);
         height: 44rpx;
         height: 44rpx;
         line-height: 44rpx;
         line-height: 44rpx;
         font-size: 30rpx;
         font-size: 30rpx;
      }
      }
-    .fake-select { 
-        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+    .fake-select {
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx;
         .placeholder { color: #999; }
         .placeholder { color: #999; }
         .value { color: #333; }
         .value { color: #333; }
     }
     }
 }
 }
-</style>
+</style>

@@ -599,4 +599,7 @@ export default {
     color: rgba(0, 0, 0, 0.6);
     color: rgba(0, 0, 0, 0.6);
     font-size: 32rpx;
     font-size: 32rpx;
 }
 }
+.upload-row {
+    margin-top: 20rpx;
+}
 </style>
 </style>

@@ -333,7 +333,7 @@ export default {
             font-weight: 600;
             font-weight: 600;
             position: absolute;
             position: absolute;
             top: -36rpx;
             top: -36rpx;
-            right: -32rpx;
+            right: -12rpx;
             height: 48rpx;
             height: 48rpx;
             line-height: 48rpx;
             line-height: 48rpx;
             color: #fff;
             color: #fff;
@@ -382,19 +382,19 @@ export default {
     }
     }
 }
 }
 
 
-.filter-form { 
+.filter-form {
     .form-item { margin-bottom: 24rpx; }
     .form-item { margin-bottom: 24rpx; }
-    .label { 
-        margin-bottom: 20rpx; 
+    .label {
+        margin-bottom: 20rpx;
         color: rgba(0,0,0,0.9);
         color: rgba(0,0,0,0.9);
         height: 44rpx;
         height: 44rpx;
         line-height: 44rpx;
         line-height: 44rpx;
         font-size: 30rpx;
         font-size: 30rpx;
      }
      }
-    .fake-select { 
-        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+    .fake-select {
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx;
         .placeholder { color: #999; }
         .placeholder { color: #999; }
         .value { color: #333; }
         .value { color: #333; }
     }
     }
 }
 }
-</style>
+</style>

@@ -299,7 +299,7 @@ export default {
       font-weight: 600;
       font-weight: 600;
       position: absolute;
       position: absolute;
       top: -36rpx;
       top: -36rpx;
-      right: -32rpx;
+      right: -12rpx;
       height: 48rpx;
       height: 48rpx;
       line-height: 48rpx;
       line-height: 48rpx;
       color: #fff;
       color: #fff;
@@ -418,4 +418,4 @@ export default {
   }
   }
 
 
 }
 }
-</style>
+</style>

@@ -632,4 +632,7 @@ export default {
     color: rgba(0, 0, 0, 0.6);
     color: rgba(0, 0, 0, 0.6);
     font-size: 32rpx;
     font-size: 32rpx;
 }
 }
+.upload-row {
+    margin-top: 20rpx;
+}
 </style>
 </style>

@@ -63,7 +63,7 @@
             <view class="info-row" v-if="item.status === 'STANDARD' || item.status === 'FORMAL'">
             <view class="info-row" v-if="item.status === 'STANDARD' || item.status === 'FORMAL'">
               <text>{{ item.status === 'STANDARD' ? '标准合同' : '正式合同' }}规范性审核状态</text>
               <text>{{ item.status === 'STANDARD' ? '标准合同' : '正式合同' }}规范性审核状态</text>
               <span v-if="item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName" class="info-status" :style="getStatusCss(item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName)">{{ item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName }}</span>
               <span v-if="item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName" class="info-status" :style="getStatusCss(item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName)">{{ item.status === 'STANDARD' ? item.standardApprovedName : item.formalApprovedName }}</span>
-              <span v-else>-</span>            
+              <span v-else>-</span>
             </view>
             </view>
             <view class="info-row">
             <view class="info-row">
               <text>订货日期</text><text>{{ item.orderDate }}</text>
               <text>订货日期</text><text>{{ item.orderDate }}</text>
@@ -333,7 +333,7 @@ export default {
             font-weight: 600;
             font-weight: 600;
             position: absolute;
             position: absolute;
             top: -36rpx;
             top: -36rpx;
-            right: -32rpx;
+            right: -12rpx;
             height: 48rpx;
             height: 48rpx;
             line-height: 48rpx;
             line-height: 48rpx;
             color: #fff;
             color: #fff;
@@ -382,19 +382,19 @@ export default {
     }
     }
 }
 }
 
 
-.filter-form { 
+.filter-form {
     .form-item { margin-bottom: 24rpx; }
     .form-item { margin-bottom: 24rpx; }
-    .label { 
-        margin-bottom: 20rpx; 
+    .label {
+        margin-bottom: 20rpx;
         color: rgba(0,0,0,0.9);
         color: rgba(0,0,0,0.9);
         height: 44rpx;
         height: 44rpx;
         line-height: 44rpx;
         line-height: 44rpx;
         font-size: 30rpx;
         font-size: 30rpx;
      }
      }
-    .fake-select { 
-        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+    .fake-select {
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx;
         .placeholder { color: #999; }
         .placeholder { color: #999; }
         .value { color: #333; }
         .value { color: #333; }
     }
     }
 }
 }
-</style>
+</style>

@@ -8,7 +8,7 @@
           </template>
           </template>
           <template v-slot:footer>
           <template v-slot:footer>
             <view class="serial-number-row">
             <view class="serial-number-row">
-              <uni-easyinput v-model="form.serialNumber" placeholder="自动生成编号" :inputBorder="false" disabled />
+              <text class="readonly-text value-code">{{ form.serialNumber }}</text>
               <button class="generate-btn" @click="loadSerialNumber">点此生成</button>
               <button class="generate-btn" @click="loadSerialNumber">点此生成</button>
             </view>
             </view>
           </template>
           </template>
@@ -808,4 +808,8 @@ export default {
   white-space: pre-wrap;
   white-space: pre-wrap;
   word-break: break-all;
   word-break: break-all;
 }
 }
+.value-code {
+  width: 260rpx;
+  text-align: left;
+}
 </style>
 </style>

@@ -8,7 +8,7 @@
           </template>
           </template>
           <template v-slot:footer>
           <template v-slot:footer>
             <view class="serial-number-row">
             <view class="serial-number-row">
-              <uni-easyinput v-model="form.serialNumber" placeholder="自动生成编号" :inputBorder="false" disabled />
+              <text class="readonly-text">{{ form.serialNumber }}</text>
             </view>
             </view>
           </template>
           </template>
         </uni-list-item>
         </uni-list-item>

@@ -449,6 +449,7 @@ export default {
     font-size: 28rpx;
     font-size: 28rpx;
     color: rgba(0, 0, 0, 0.9);
     color: rgba(0, 0, 0, 0.9);
     text-align: right;
     text-align: right;
+    word-break: break-all;
 
 
     &.act {
     &.act {
       color: $theme-primary;
       color: $theme-primary;

@@ -6,8 +6,7 @@
 					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
 					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
 					@input="onSearchInput" />
 					@input="onSearchInput" />
 				<view class="tool-icons">
 				<view class="tool-icons">
-					<image v-if="$auth.hasPermi('customer-credit-manage:customer-credit-plan:add')" class="tool-icon"
-						src="/static/images/dev_manage/add_icon.png" @click="onAdd" />
+					<image v-if="$auth.hasPermi('customer-credit-manage:customer-credit-plan:add')" class="tool-icon" src="/static/images/dev_manage/add_icon.png" @click="onAdd" />
 					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
 					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
 				</view>
 				</view>
 			</view>
 			</view>
@@ -23,24 +22,22 @@
 						<view class="card-header">
 						<view class="card-header">
 							<text class="title omit2">{{ item.companyName }}</text>
 							<text class="title omit2">{{ item.companyName }}</text>
 							<view class="status-box">
 							<view class="status-box">
-								<text :class="['status', `status_${item.status}`]">{{ getDicName('AUDIT_STATUS',
-									item.status, dicOptions.AUDIT_STATUS) }}</text>
-								<text v-if="item.frozenStatus === '冻结'" :class="['status2']">{{ item.frozenStatus ===
-									'冻结' ? '已冻结' : '' }}</text>
+								<text
+									:class="['status', `status_${item.status}`]">{{ getDicName('AUDIT_STATUS', item.status, dicOptions.AUDIT_STATUS) }}</text>
+									<text
+									v-if="item.frozenStatus === '冻结'"
+									:class="['status2']">{{ item.frozenStatus === '冻结' ? '已冻结' : '' }}</text>
 							</view>
 							</view>
 						</view>
 						</view>
 						<view class="info-row">
 						<view class="info-row">
-							<text>企业类型</text><text>{{ getDicName('ENTERPRISE_TYPE', item.enterpriseType,
-								dicOptions.ENTERPRISE_TYPE) || '-' }}</text>
+							<text>企业类型</text><text>{{ getDicName('ENTERPRISE_TYPE', item.enterpriseType, dicOptions.ENTERPRISE_TYPE) || '-' }}</text>
 						</view>
 						</view>
 						<view class="info-row">
 						<view class="info-row">
 							<text>区域</text><text>{{ item.regionName || '-' }}</text>
 							<text>区域</text><text>{{ item.regionName || '-' }}</text>
 						</view>
 						</view>
 						<view class="info-row">
 						<view class="info-row">
 							<text>客户分类</text><text
 							<text>客户分类</text><text
-								:class="[item.companySuggestedCategory ? 'category' : '', getCategoryClass(getDicName('CUSTOMER_CATEGORY', item.companySuggestedCategory, dicOptions.CUSTOMER_CATEGORY))]">{{
-									getDicName('CUSTOMER_CATEGORY', item.companySuggestedCategory,
-										dicOptions.CUSTOMER_CATEGORY) || '-' }}</text>
+								:class="[item.companySuggestedCategory ? 'category' : '', getCategoryClass(getDicName('CUSTOMER_CATEGORY', item.companySuggestedCategory, dicOptions.CUSTOMER_CATEGORY))]">{{ getDicName('CUSTOMER_CATEGORY', item.companySuggestedCategory, dicOptions.CUSTOMER_CATEGORY) || '-' }}</text>
 						</view>
 						</view>
 						<view class="info-row">
 						<view class="info-row">
 							<text>登记日期</text><text>{{ item.registerDate || '-' }}</text>
 							<text>登记日期</text><text>{{ item.registerDate || '-' }}</text>
@@ -70,8 +67,7 @@
 					</view>
 					</view>
 					<view class="form-item">
 					<view class="form-item">
 						<view class="label">登记日期</view>
 						<view class="label">登记日期</view>
-						<uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01"
-							@change="onDateChange($event, model)" />
+						<uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01" />
 					</view>
 					</view>
 				</view>
 				</view>
 			</template>
 			</template>
@@ -80,497 +76,491 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import CardList from '@/components/card/index.vue'
-import FilterModal from '@/components/filter/index.vue'
-import SingleSelectSheet from '@/components/single-select/index.vue'
-import {
-	queryApi
-} from '@/api/credit_manage.js'
-import {
-	getDicByCodes
-} from '@/utils/dic'
-import {
-	getDicName
-} from '@/utils/dic.js'
-
-export default {
-	components: {
-		CardList,
-		FilterModal,
-		SingleSelectSheet
-	},
-	data() {
-		return {
-			searchKeyword: '',
-			searchKeywordDebounced: '',
-			tabs: [],
-			// 给到 card 的筛选值
-			query: {
-				status: '',
-				companySuggestedCategory: '',
-				dateRange: []
-			},
-			extraParams: {},
-
-			// 批量选择
-			rowKey: 'id',
-			currentItems: [],
-
-			// 筛选弹框
-			filterVisible: false,
-			filterForm: {
-				status: '',
-				companySuggestedCategory: '',
-				dateRange: []
-			},
-			dicOptions: {
-				CUSTOMER_CATEGORY: [],
-				AUDIT_STATUS: [],
-				ENTERPRISE_TYPE: [],
-				CREDIT_ZONE: []
-			},
-			statusLocal: [],
-			categoryLocal: []
-		}
-	},
-	computed: {
-		extraCombined() {
+	import CardList from '@/components/card/index.vue'
+	import FilterModal from '@/components/filter/index.vue'
+	import SingleSelectSheet from '@/components/single-select/index.vue'
+	import {
+		queryApi
+	} from '@/api/credit_manage.js'
+	import {
+		getDicByCodes
+	} from '@/utils/dic'
+	import {
+		getDicName
+	} from '@/utils/dic.js'
+
+	export default {
+		components: {
+			CardList,
+			FilterModal,
+			SingleSelectSheet
+		},
+		data() {
 			return {
 			return {
-				companyName: this.searchKeywordDebounced || undefined
+				searchKeyword: '',
+				searchKeywordDebounced: '',
+				tabs: [],
+				// 给到 card 的筛选值
+				query: {
+					status: '',
+					companySuggestedCategory: '',
+					dateRange: []
+				},
+				extraParams: {},
+
+				// 批量选择
+				rowKey: 'id',
+				currentItems: [],
+
+				// 筛选弹框
+				filterVisible: false,
+				filterForm: {
+					status: '',
+					companySuggestedCategory: '',
+					dateRange: []
+				},
+				dicOptions: {
+					CUSTOMER_CATEGORY: [],
+					AUDIT_STATUS: [],
+					ENTERPRISE_TYPE: [],
+					CREDIT_ZONE: []
+				},
+				statusLocal: [],
+				categoryLocal: []
 			}
 			}
-		}
-	},
-	watch: {
-		extraCombined: {
-			deep: true,
-			handler(v) {
-				this.extraParams = v
-			},
-			immediate: true
-		},
-
-	},
-	created() {
-		this.loadAllDicData()
-	},
-	onLoad() { },
-	// 页面触底兜底：当页面自身滚动到底部时，转调卡片组件加载更多
-	onReachBottom() {
-		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
-			this.$refs.cardRef.onLoadMore()
-		}
-	},
-	beforeDestroy() {
-		if (this.searchDebounceTimer) {
-			clearTimeout(this.searchDebounceTimer)
-			this.searchDebounceTimer = null
-		}
-	},
-	methods: {
-		onCardLoaded({
-			items
-		}) {
-			this.currentItems = items
-		},
-		onCardError() {
-			uni.showToast({
-				title: '列表加载失败',
-				icon: 'none'
-			})
 		},
 		},
-		// 输入实时搜索：1200ms 防抖，仅在停止输入超过阈值后刷新
-		onSearchInput(val) {
-			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
-			this.searchDebounceTimer = setTimeout(() => {
-				this.searchKeywordDebounced = this.searchKeyword
-				this.searchDebounceTimer = null
-			}, 1200)
-		},
-		// uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
-		search(e) {
-			const val = e && e.value != null ? e.value : this.searchKeyword
-			this.searchKeyword = val
-			this.searchKeywordDebounced = val
-		},
-		onAdd() {
-			uni.navigateTo({
-				url: '/pages/credit_manage/add'
-			})
+		computed: {
+			extraCombined() {
+				return {
+					companyName: this.searchKeywordDebounced || undefined
+				}
+			}
 		},
 		},
-		openFilter() {
-			this.filterVisible = true
+		watch: {
+			extraCombined: {
+				deep: true,
+				handler(v) {
+					this.extraParams = v
+				},
+				immediate: true
+			},
+
 		},
 		},
-		onFilterReset(payload) {
-			this.filterForm = payload
+		created() {
+			this.loadAllDicData()
 		},
 		},
-		onFilterConfirm(payload) {
-			if ((payload.status === '' || payload.status == null) && this.filterForm.status !== '') {
-				payload.status = this.filterForm.status
-			}
-			if ((payload.companySuggestedCategory === '' || payload.companySuggestedCategory == null) && this
-				.filterForm
-				.companySuggestedCategory !== '') {
-				payload.companySuggestedCategory = this.filterForm.companySuggestedCategory
+		onLoad() {},
+		// 页面触底兜底：当页面自身滚动到底部时，转调卡片组件加载更多
+		onReachBottom() {
+			if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+				this.$refs.cardRef.onLoadMore()
 			}
 			}
-			this.query = {
-				...payload
-			}
-		},
-		onStatusChange(e) {
-			const raw = e && e.detail && e.detail.value !== undefined ?
-				e.detail.value :
-				(e && e.value !== undefined ? e.value : '')
-			this.filterForm.status = raw
 		},
 		},
-		onCategoryChange(e) {
-			const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ?
-				e.value : '')
-			this.filterForm.companySuggestedCategory = raw
-		},
-		onDateChange(e, model) {
-			// 确保同步更新 filterForm，避免数据不同步
-			this.filterForm.dateRange = e
+		beforeDestroy() {
+			if (this.searchDebounceTimer) {
+				clearTimeout(this.searchDebounceTimer)
+				this.searchDebounceTimer = null
+			}
 		},
 		},
-		// 列表接口（真实请求）
-		fetchList({
-			pageIndex,
-			pageSize,
-			query,
-			extra
-		}) {
-			const params = {
+		methods: {
+			onCardLoaded({
+				items
+			}) {
+				this.currentItems = items
+			},
+			onCardError() {
+				uni.showToast({
+					title: '列表加载失败',
+					icon: 'none'
+				})
+			},
+			// 输入实时搜索：1200ms 防抖，仅在停止输入超过阈值后刷新
+			onSearchInput(val) {
+				if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+				this.searchDebounceTimer = setTimeout(() => {
+					this.searchKeywordDebounced = this.searchKeyword
+					this.searchDebounceTimer = null
+				}, 1200)
+			},
+			// uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
+			search(e) {
+				const val = e && e.value != null ? e.value : this.searchKeyword
+				this.searchKeyword = val
+				this.searchKeywordDebounced = val
+			},
+			onAdd() {
+				uni.navigateTo({
+					url: '/pages/credit_manage/add'
+				})
+			},
+			openFilter() {
+				this.filterVisible = true
+			},
+			onFilterReset(payload) {
+				this.filterForm = payload
+			},
+			onFilterConfirm(payload) {
+				if ((payload.status === '' || payload.status == null) && this.filterForm.status !== '') {
+					payload.status = this.filterForm.status
+				}
+				if ((payload.companySuggestedCategory === '' || payload.companySuggestedCategory == null) && this
+					.filterForm
+					.companySuggestedCategory !== '') {
+					payload.companySuggestedCategory = this.filterForm.companySuggestedCategory
+				}
+				this.query = {
+					...payload
+				}
+			},
+			onStatusChange(e) {
+				const raw = e && e.detail && e.detail.value !== undefined ?
+					e.detail.value :
+					(e && e.value !== undefined ? e.value : '')
+				this.filterForm.status = raw
+			},
+			onCategoryChange(e) {
+				const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ?
+					e.value : '')
+				this.filterForm.companySuggestedCategory = raw
+			},
+
+			// 列表接口（真实请求）
+			fetchList({
 				pageIndex,
 				pageIndex,
 				pageSize,
 				pageSize,
-				...extra,
-				...query
-			}
-			if (Array.isArray(params.dateRange) && params.dateRange.length === 2) {
-				params.registerDateStart = params.dateRange[0] + ' 00:00:00'
-				params.registerDateEnd = params.dateRange[1] + ' 23:59:59'
-				delete params.dateRange
-			}
-			if (this.searchKeywordDebounced) {
-				params.companyName = this.searchKeywordDebounced
-			}
-			return queryApi(params)
-				.then(res => {
-					const _data = res.data || {};
-					const records = _data.datas || [];
-					const totalCount = _data.totalCount || 0;
-					const hasNext = _data.hasNext || false
-					return {
-						records,
-						totalCount,
-						hasNext
+				query,
+				extra
+			}) {
+				const params = {
+					pageIndex,
+					pageSize,
+					...extra,
+					...query
+				}
+				if (Array.isArray(params.dateRange) && params.dateRange.length === 2) {
+					params.registerDateStart = params.dateRange[0] + ' 00:00:00'
+					params.registerDateEnd = params.dateRange[1] + ' 23:59:59'
+					delete params.dateRange
+				}
+				if (this.searchKeywordDebounced) {
+					params.companyName = this.searchKeywordDebounced
+				}
+				return queryApi(params)
+					.then(res => {
+						const _data = res.data || {};
+						const records = _data.datas || [];
+						const totalCount = _data.totalCount || 0;
+						const hasNext = _data.hasNext || false
+						return {
+							records,
+							totalCount,
+							hasNext
+						}
+					})
+					.catch(err => {
+						console.error('fetchList error', err)
+						this.onCardError()
+						return {
+							records: [],
+							totalCount: 0,
+							hasNext: false
+						}
+					})
+			},
+			loadAllDicData() {
+				const dicCodes = ['CUSTOMER_CATEGORY', 'AUDIT_STATUS', 'ENTERPRISE_TYPE', 'CREDIT_ZONE']
+				return getDicByCodes(dicCodes).then(results => {
+					this.dicOptions.CUSTOMER_CATEGORY = results.CUSTOMER_CATEGORY.data || []
+					this.dicOptions.AUDIT_STATUS = results.AUDIT_STATUS.data || []
+					this.dicOptions.ENTERPRISE_TYPE = results.ENTERPRISE_TYPE.data || []
+					this.dicOptions.CREDIT_ZONE = results.CREDIT_ZONE.data || [];
+					this.categoryLocal = (this.dicOptions.CUSTOMER_CATEGORY || []).map(it => ({
+						value: it.code,
+						text: it.name
+					}))
+					this.statusLocal = (this.dicOptions.AUDIT_STATUS || []).map(it => ({
+						value: it.code,
+						text: it.name
+					}))
+				}).catch(() => {
+					this.dicOptions = {
+						CUSTOMER_CATEGORY: [],
+						AUDIT_STATUS: [],
+						ENTERPRISE_TYPE: [],
+						CREDIT_ZONE: []
 					}
 					}
+					this.categoryLocal = []
+					this.statusLocal = []
 				})
 				})
-				.catch(err => {
-					console.error('fetchList error', err)
-					this.onCardError()
-					return {
-						records: [],
-						totalCount: 0,
-						hasNext: false
-					}
+			},
+			onCardClick(item) {
+				const id = (item && (item.id || item.code)) || ''
+				if (!id) return
+				const query = '?id=' + encodeURIComponent(id)
+				uni.navigateTo({
+					url: '/pages/credit_manage/detail' + query
 				})
 				})
-		},
-		loadAllDicData() {
-			const dicCodes = ['CUSTOMER_CATEGORY', 'AUDIT_STATUS', 'ENTERPRISE_TYPE', 'CREDIT_ZONE']
-			return getDicByCodes(dicCodes).then(results => {
-				this.dicOptions.CUSTOMER_CATEGORY = results.CUSTOMER_CATEGORY.data || []
-				this.dicOptions.AUDIT_STATUS = results.AUDIT_STATUS.data || []
-				this.dicOptions.ENTERPRISE_TYPE = results.ENTERPRISE_TYPE.data || []
-				this.dicOptions.CREDIT_ZONE = results.CREDIT_ZONE.data || [];
-				this.categoryLocal = (this.dicOptions.CUSTOMER_CATEGORY || []).map(it => ({
-					value: it.code,
-					text: it.name
-				}))
-				this.statusLocal = (this.dicOptions.AUDIT_STATUS || []).map(it => ({
-					value: it.code,
-					text: it.name
-				}))
-			}).catch(() => {
-				this.dicOptions = {
-					CUSTOMER_CATEGORY: [],
-					AUDIT_STATUS: [],
-					ENTERPRISE_TYPE: [],
-					CREDIT_ZONE: []
+			},
+			getDicName: getDicName,
+			getCategoryClass(categoryName) {
+				if (!categoryName) return ''
+				if (categoryName.includes('A') || categoryName.includes('a')) {
+					return 'category_A'
+				} else if (categoryName.includes('B') || categoryName.includes('b')) {
+					return 'category_B'
+				} else if (categoryName.includes('C') || categoryName.includes('c')) {
+					return 'category_C'
+				} else if (categoryName.includes('D') || categoryName.includes('d')) {
+					return 'category_D'
 				}
 				}
-				this.categoryLocal = []
-				this.statusLocal = []
-			})
-		},
-		onCardClick(item) {
-			const id = (item && (item.id || item.code)) || ''
-			if (!id) return
-			const query = '?id=' + encodeURIComponent(id)
-			uni.navigateTo({
-				url: '/pages/credit_manage/detail' + query
-			})
-		},
-		getDicName: getDicName,
-		getCategoryClass(categoryName) {
-			if (!categoryName) return ''
-			if (categoryName.includes('A') || categoryName.includes('a')) {
-				return 'category_A'
-			} else if (categoryName.includes('B') || categoryName.includes('b')) {
-				return 'category_B'
-			} else if (categoryName.includes('C') || categoryName.includes('c')) {
-				return 'category_C'
-			} else if (categoryName.includes('D') || categoryName.includes('d')) {
-				return 'category_D'
 			}
 			}
-		}
 
 
+		}
 	}
 	}
-}
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-.page {
-	display: flex;
-	flex-direction: column;
-	height: 100vh;
-}
-
-.dev-list-fixed {
-	position: fixed;
-	top: 96rpx;
-	left: 0;
-	right: 0;
-	z-index: 2;
-	background: #fff;
-
-	.search-row {
+	.page {
 		display: flex;
 		display: flex;
-		align-items: center;
-		padding: 16rpx 32rpx;
+		flex-direction: column;
+		height: 100vh;
+	}
 
 
-		.uni-searchbar {
-			padding: 0;
-			flex: 1;
-		}
+	.dev-list-fixed {
+		position: fixed;
+		top: 96rpx;
+		left: 0;
+		right: 0;
+		z-index: 2;
+		background: #fff;
 
 
-		.tool-icons {
+		.search-row {
 			display: flex;
 			display: flex;
+			align-items: center;
+			padding: 16rpx 32rpx;
 
 
-			.tool-icon {
-				width: 48rpx;
-				height: 48rpx;
-				display: block;
-				margin-left: 32rpx;
+			.uni-searchbar {
+				padding: 0;
+				flex: 1;
 			}
 			}
-		}
-	}
 
 
-}
+			.tool-icons {
+				display: flex;
 
 
-/* 仅当前页覆盖 uni-search-bar 盒子高度 */
-::v-deep .uni-searchbar__box {
-	height: 80rpx !important;
-	justify-content: start;
+				.tool-icon {
+					width: 48rpx;
+					height: 48rpx;
+					display: block;
+					margin-left: 32rpx;
+				}
+			}
+		}
 
 
-	.uni-searchbar__box-search-input {
-		font-size: 32rpx !important;
 	}
 	}
-}
 
 
-.list-box {
-	flex: 1;
-	padding-top: 132rpx;
+	/* 仅当前页覆盖 uni-search-bar 盒子高度 */
+	::v-deep .uni-searchbar__box {
+		height: 80rpx !important;
+		justify-content: start;
 
 
-	&.pad-batch {
-		padding-bottom: 144rpx;
+		.uni-searchbar__box-search-input {
+			font-size: 32rpx !important;
+		}
 	}
 	}
 
 
-	.card {
-		position: relative;
-	}
+	.list-box {
+		flex: 1;
+		padding-top: 140rpx;
 
 
-	.card-header {
-		margin-bottom: 28rpx;
-		position: relative;
+		&.pad-batch {
+			padding-bottom: 144rpx;
+		}
 
 
-		.title {
-			font-size: 36rpx;
-			font-weight: 600;
-			line-height: 50rpx;
-			color: rgba(0, 0, 0, 0.9);
-			width: 578rpx;
+		.card {
+			position: relative;
 		}
 		}
 
 
-		.status-box {
-			position: absolute;
-			top: -32rpx;
-			right: -32rpx;
+		.card-header {
+			margin-bottom: 28rpx;
+			position: relative;
 
 
-			.status {
-				display: block;
-				height: 48rpx;
-				line-height: 48rpx;
+			.title {
+				font-size: 36rpx;
 				font-weight: 600;
 				font-weight: 600;
-				color: #fff;
-				font-size: 24rpx;
-				padding: 0 14rpx;
-				border-radius: 6rpx;
-				margin-bottom: 8rpx;
-
-				&.status_AUDIT {
-					background: $theme-primary;
-				}
+				line-height: 50rpx;
+				color: rgba(0,0,0,0.9);
+				width: 578rpx;
+			}
 
 
-				&.status_PASS {
-					background: #2BA471;
-				}
+			.status-box {
+				position: absolute;
+				top: -32rpx;
+				right: -12rpx;
+
+				.status {
+					display: block;
+					height: 48rpx;
+					line-height: 48rpx;
+					font-weight: 600;
+					color: #fff;
+					font-size: 24rpx;
+					padding: 0 14rpx;
+					border-radius: 6rpx;
+					margin-bottom: 8rpx;
+
+                    &.status_AUDIT {
+                        background: $theme-primary;
+                    }
+
+					&.status_PASS {
+						background: #2BA471;
+					}
 
 
-				&.status_REFUSE {
-					background: #D54941;
+					&.status_REFUSE {
+						background: #D54941;
+					}
+
+					&.status_CANCEL {
+						background: #E7E7E7;
+						color: rgba(0,0,0,0.9);
+					}
 				}
 				}
 
 
-				&.status_CANCEL {
+				.status2 {
+					display: block;
+					font-weight: 600;
+					line-height: 48rpx;
+					height: 48rpx;
+					color: #fff;
+					font-size: 24rpx;
+					padding: 0 14rpx;
+					border-radius: 6rpx;
 					background: #E7E7E7;
 					background: #E7E7E7;
-					color: rgba(0, 0, 0, 0.9);
-				}
-			}
+					color: rgba(0,0,0,0.9);
 
 
-			.status2 {
-				display: block;
-				font-weight: 600;
-				line-height: 48rpx;
-				height: 48rpx;
-				color: #fff;
-				font-size: 24rpx;
-				padding: 0 14rpx;
-				border-radius: 6rpx;
-				background: #E7E7E7;
-				color: rgba(0, 0, 0, 0.9);
+				}
 
 
 			}
 			}
 
 
 		}
 		}
 
 
-	}
-
-	.info-row {
-		display: flex;
-		align-items: center;
-		color: rgba(0, 0, 0, 0.6);
-		font-size: 28rpx;
-		margin-bottom: 24rpx;
-
-		&:last-child {
-			margin-bottom: 0;
-		}
-
-		text {
-			width: 60%;
-			line-height: 32rpx;
+		.info-row {
+			display: flex;
+			align-items: center;
+			color: rgba(0, 0, 0, 0.6);
+			font-size: 28rpx;
+			margin-bottom: 24rpx;
 
 
 			&:last-child {
 			&:last-child {
-				color: rgba(0, 0, 0, 0.9);
-				width: 40%;
+				margin-bottom: 0;
 			}
 			}
 
 
-			&.category {
-				display: inline-block;
-				padding: 4rpx 12rpx;
-				border-radius: 6rpx;
-				font-size: 24rpx;
-				width: auto;
+			text {
+				width: 60%;
+				line-height: 32rpx;
 
 
-				&.category_A {
-					background: #FFF0ED;
-					color: #D54941;
-				}
-
-				&.category_B {
-					background: #FFF1E9;
-					color: #E37318;
-				}
-
-				&.category_C {
-					background: #F2F3FF;
-					color: $theme-primary;
+				&:last-child {
+					color: rgba(0, 0, 0, 0.9);
+					width: 40%;
 				}
 				}
 
 
-				&.category_D {
-					background: #E3F9E9;
-					color: #2BA471;
+				&.category {
+					display: inline-block;
+					padding: 4rpx 12rpx;
+					border-radius: 6rpx;
+					font-size: 24rpx;
+					width: auto;
+					&.category_A {
+						background: #FFF0ED;
+						color: #D54941;
+					}
+					&.category_B {
+						background: #FFF1E9;
+						color: #E37318;
+					}
+                    &.category_C {
+                        background: #F2F3FF;
+                        color: $theme-primary;
+                    }
+					&.category_D {
+						background: #E3F9E9;
+						color: #2BA471;
+					}
 				}
 				}
 			}
 			}
-		}
-
-	}
-}
-
-.filter-form {
-	.form-item {
-		margin-bottom: 24rpx;
-	}
 
 
-	.label {
-		margin-bottom: 20rpx;
-		color: rgba(0, 0, 0, 0.9);
-		height: 44rpx;
-		line-height: 44rpx;
-		font-size: 30rpx;
+		}
 	}
 	}
 
 
-	.fake-select {
-		height: 80rpx;
-		line-height: 80rpx;
-		padding: 0 20rpx;
-		background: #f3f3f3;
-		border-radius: 12rpx;
-
-		.placeholder {
-			color: #999;
+	.filter-form {
+		.form-item {
+			margin-bottom: 24rpx;
 		}
 		}
 
 
-		.value {
-			color: #333;
+		.label {
+			margin-bottom: 20rpx;
+			color: rgba(0, 0, 0, 0.9);
+			height: 44rpx;
+			line-height: 44rpx;
+			font-size: 30rpx;
 		}
 		}
-	}
-}
-
-/* 深度覆盖 uni-data-checkbox（mode=tag）内部的 tag 展示与间距 */
-::v-deep .filter-form .uni-data-checklist .checklist-group {
-	.checklist-box {
-		&.is--tag {
-			width: 212rpx;
-			margin-top: 0;
-			margin-bottom: 24rpx;
-			margin-right: 24rpx;
+
+		.fake-select {
 			height: 80rpx;
 			height: 80rpx;
-			padding: 0;
+			line-height: 80rpx;
+			padding: 0 20rpx;
+			background: #f3f3f3;
 			border-radius: 12rpx;
 			border-radius: 12rpx;
-			background-color: #f3f3f3;
-			border-color: #f3f3f3;
 
 
-			&:nth-child(3n) {
-				margin-right: 0;
+			.placeholder {
+				color: #999;
 			}
 			}
 
 
-			.checklist-content {
-				display: flex;
-				justify-content: center;
+			.value {
+				color: #333;
 			}
 			}
+		}
+	}
+
+	/* 深度覆盖 uni-data-checkbox（mode=tag）内部的 tag 展示与间距 */
+	::v-deep .filter-form .uni-data-checklist .checklist-group {
+		.checklist-box {
+			&.is--tag {
+				width: 212rpx;
+				margin-top: 0;
+				margin-bottom: 24rpx;
+				margin-right: 24rpx;
+				height: 80rpx;
+				padding: 0;
+				border-radius: 12rpx;
+				background-color: #f3f3f3;
+				border-color: #f3f3f3;
+
+				&:nth-child(3n) {
+					margin-right: 0;
+				}
+
+				.checklist-content {
+					display: flex;
+					justify-content: center;
+				}
 
 
-			.checklist-text {
-				color: rgba(0, 0, 0, 0.9);
-				font-size: 28rpx;
+				.checklist-text {
+					color: rgba(0, 0, 0, 0.9);
+					font-size: 28rpx;
+				}
 			}
 			}
-		}
 
 
-		&.is-checked {
-			background-color: $theme-primary-plain-bg !important;
-			border-color: $theme-primary-plain-bg !important;
+			&.is-checked {
+				background-color: $theme-primary-plain-bg !important;
+				border-color: $theme-primary-plain-bg !important;
 
 
-			.checklist-text {
-				color: $theme-primary !important;
+				.checklist-text {
+					color: $theme-primary !important;
+				}
 			}
 			}
 		}
 		}
+
 	}
 	}
 
 
-}
-</style>
+</style>

@@ -8,7 +8,7 @@
           </template>
           </template>
           <template v-slot:footer>
           <template v-slot:footer>
             <view class="serial-number-row">
             <view class="serial-number-row">
-              <uni-easyinput v-model="form.serialNumber" placeholder="自动生成编号" :inputBorder="false" disabled />
+              <text class="readonly-text">{{ form.serialNumber }}</text>
             </view>
             </view>
           </template>
           </template>
         </uni-list-item>
         </uni-list-item>

@@ -8,7 +8,7 @@
           </template>
           </template>
           <template v-slot:footer>
           <template v-slot:footer>
             <view class="serial-number-row">
             <view class="serial-number-row">
-              <uni-easyinput v-model="form.code" placeholder="自动生成编号" :inputBorder="false" disabled />
+              <text class="readonly-text value-code">{{ form.code }}</text>
               <button class="generate-btn" @click="loadCode">点此生成</button>
               <button class="generate-btn" @click="loadCode">点此生成</button>
             </view>
             </view>
           </template>
           </template>
@@ -328,4 +328,19 @@ export default {
     }
     }
   }
   }
 }
 }
+
+
+/* 只读文本样式 */
+.readonly-text {
+  color: rgba(0, 0, 0, 0.9);
+  font-size: 32rpx;
+  line-height: 48rpx;
+  text-align: right;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.value-code {
+  width: 260rpx;
+  text-align: left;
+}
 </style>
 </style>

@@ -175,7 +175,7 @@
 				if ((payload.available === '' || payload.available == null) && this.filterForm.available !== '') {
 				if ((payload.available === '' || payload.available == null) && this.filterForm.available !== '') {
 					q.available = this.filterForm.available
 					q.available = this.filterForm.available
 				}
 				}
-				
+
 				this.query = q
 				this.query = q
 			},
 			},
 			onStatusChange(e) {
 			onStatusChange(e) {
@@ -292,7 +292,7 @@
 
 
 	.list-box {
 	.list-box {
 		flex: 1;
 		flex: 1;
-		padding-top: 132rpx;
+		padding-top: 140rpx;
 
 
 		&.pad-batch {
 		&.pad-batch {
 			padding-bottom: 144rpx;
 			padding-bottom: 144rpx;
@@ -317,7 +317,7 @@
 			.status-box {
 			.status-box {
 				position: absolute;
 				position: absolute;
 				top: -32rpx;
 				top: -32rpx;
-				right: -32rpx;
+				right: -12rpx;
 
 
 				.status {
 				.status {
 					display: block;
 					display: block;
@@ -485,4 +485,4 @@
 
 
 	}
 	}
 
 
-</style>
+</style>

@@ -8,7 +8,7 @@
                     </template>
                     </template>
                     <template v-slot:footer>
                     <template v-slot:footer>
                         <view class="serial-number-row">
                         <view class="serial-number-row">
-                            <uni-easyinput v-model="form.code" placeholder="自动生成编号" :inputBorder="false" disabled />
+                            <text class="readonly-text">{{ form.code }}</text>
                         </view>
                         </view>
                     </template>
                     </template>
                 </uni-list-item>
                 </uni-list-item>
@@ -336,4 +336,12 @@ export default {
         }
         }
     }
     }
 }
 }
+.readonly-text {
+  color: rgba(0, 0, 0, 0.9);
+  font-size: 32rpx;
+  line-height: 48rpx;
+  text-align: right;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 </style>
 </style>

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row company">{{ form.deptName }}</text>
+          <view :class="['status', `status_${form.status}`]" />
+          <view class="row"><text class="label">要车日期</text><text class="value">{{ form.applyDate }}</text></view>
+        </view>
+
+        <!-- 产品 -->
+        <view class="section2">
+          <Product mode="view" :list="form.delayedShipmentDetailList"
+             />
+        </view>
+      </view>
+    </scroll-view>
+    <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+  </view>
+</template>
+
+<script>
+import { getDetailApi, cancelApi } from '@/api/delay_invoice.js'
+import Product from './product.vue'
+import DetailButtons from '@/components/detail-buttons/index.vue'
+
+export default {
+  name: 'DelayInvoiceDetail',
+  components: { Product, DetailButtons },
+  data() {
+    return {
+      form: {},
+      buttons: [
+        { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
+        { text: '审核详情', visible: true, variant: 'outline', event: 'auditDetail' },
+        { text: '审核', visible: true, variant: 'primary', event: 'audit' },
+        { text: '取消', visible: true, variant: 'outline', event: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
+      ]
+    }
+  },
+  computed: {
+    statusFlags() {
+      const m = this.form || {}
+      const e = String(m.status || '')
+      return {
+        isRefuse: e === 'REFUSE' || false,
+        isAudit: e === 'AUDIT' || false,
+        canEdit: e === 'REFUSE' && m.delayedCreateBy || false,
+        canAudit: e === 'AUDIT' && m.showExamine || false,
+        canCancel: e === 'REFUSE' && m.delayedCreateBy || false,
+      }
+    },
+    displayButtons() {
+      const f = this.statusFlags
+      return [
+        { ...this.buttons[0], visible: f.canEdit && this.$auth.hasPermi('shipping-plan-manage:delay-invoice:modify') },
+        { ...this.buttons[1], visible: this.$auth.hasPermi('shipping-plan-manage:delay-invoice:review') },
+        { ...this.buttons[2], visible: f.canAudit && this.$auth.hasPermi('shipping-plan-manage:delay-invoice:approve') },
+        { ...this.buttons[3], visible: f.canCancel && this.$auth.hasPermi('shipping-plan-manage:delay-invoice:cancel') },
+      ]
+    }
+  },
+  onLoad(query) {
+    const id = (query && (query.id || query.code)) || ''
+    if (id) this.loadDetail(id)
+  },
+  methods: {
+    async loadDetail(id) {
+      try {
+        const res = await getDetailApi(id)
+        this.form = res.data || {}
+      } catch (e) {
+        this.form = {}
+      }
+    },
+    handleButtonClick(btn) {
+      if (!btn || btn.disabled) return
+      const map = {
+        edit: () => this.onEdit(),
+        auditDetail: () => this.onAuditDetail(),
+        audit: () => this.onAudit(),
+        fill: () => this.onFill(),
+        cancel: () => this.onCancel(),
+      }
+      const fn = map[btn.event]
+      if (typeof fn === 'function') fn()
+    },
+    onEdit() {
+      const id = this.form.id || this.form.code
+      if (id) uni.navigateTo({ url: `/pages/delay_invoice/modify?id=${id}` })
+    },
+    onAuditDetail() {
+      uni.setStorageSync('sourceBusinessId', this.form.id)
+      uni.navigateTo({ url: '/pages/flow/audit_detail' })
+    },
+    onAudit() {
+      uni.setStorageSync('sourceBusinessId', this.form.id)
+      uni.navigateTo({ url: '/pages/flow/audit' })
+    },
+    onCancel() {
+      const id = this.form.id || this.form.code
+      if (!id) return
+      uni.showModal({
+        title: '提示',
+        content: '确定要取消该延期发货单吗？',
+        success: async (res) => {
+          if (res.confirm) {
+            try {
+              await cancelApi(id)
+              uni.showToast({ title: '取消成功', icon: 'success' })
+              setTimeout(() => { uni.redirectTo({ url: '/pages/delay_invoice/index' }) }, 300)
+            } catch (e) {
+              uni.showToast({ title: (e && e.msg) || '取消失败', icon: 'none' })
+            }
+          }
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.scroll {
+  flex: 1;
+  background: #f3f3f3;
+}
+
+.detail-page {
+  padding-bottom: 150rpx;
+}
+
+.section {
+  padding: 32rpx;
+  background: #fff;
+  margin-bottom: 20rpx;
+  position: relative;
+
+  .status {
+    position: absolute;
+    top: 16rpx;
+    right: 52rpx;
+    width: 180rpx;
+    height: 146rpx;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-position: center;
+
+   &_AUDIT {
+      background-image: url('~@/static/images/dev_manage/status_1.png');
+    }
+
+    &_PASS {
+      background-image: url('~@/static/images/dev_manage/status_2.png');
+    }
+
+    &_REFUSE {
+      background-image: url('~@/static/images/dev_manage/status_3.png');
+    }
+
+    &_CANCEL {
+      background-image: url('~@/static/images/dev_manage/status_4.png');
+    }
+
+  }
+}
+
+.row {
+  display: flex;
+  margin-bottom: 28rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.company {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.9);
+    padding-top: 10rpx;
+    margin-bottom: 32rpx;
+    line-height: 50rpx;
+  }
+
+  .label {
+    width: 240rpx;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+  }
+
+  .value {
+    flex: 1;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    text-align: right;
+    word-break: break-all;
+  }
+}
+
+.title-header {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 32rpx 32rpx 22rpx;
+  border-bottom: 1rpx dashed #f0f0f0;
+
+  &_icon {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+  }
+
+  span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 44rpx;
+    font-weight: 600;
+  }
+}
+</style>

+<template>
+	<view class="page">
+		<view class="dev-list-fixed">
+			<view class="search-row">
+				<uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入所属办" clearButton="auto"
+					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
+					@input="onSearchInput" />
+				<view class="tool-icons">
+					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+				</view>
+			</view>
+		</view>
+
+
+		<!-- 列表卡片组件 -->
+		<view class="list-box">
+			<card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" row-key="id"
+				:enable-refresh="true" :enable-load-more="true" @loaded="onCardLoaded" @error="onCardError">
+				<template v-slot="{ item, selected }">
+					<view class="card" @click.stop="onCardClick(item)">
+						<view class="card-header">
+							<text class="title omit2">{{ item.deptName }}</text>
+							<text :class="['status', `status_${item.status}`]">{{ filterStatus(item.status) }}</text>
+						</view>
+						<view class="info-row">
+							<text>申请日期</text><text>{{ item.applyDate || '-' }}</text>
+						</view>
+					</view>
+				</template>
+			</card-list>
+		</view>
+
+
+
+		<!-- 筛选弹框 -->
+		<filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+			@confirm="onFilterConfirm">
+			<template v-slot="{ model }">
+				<view class="filter-form">
+					<view class="form-item">
+						<view class="label">状态</view>
+						<uni-data-checkbox mode="tag" :multiple="false" :value-field="'value'" :text-field="'text'"
+							v-model="model.status" @change="onStatusChange" :localdata="statusLocal" />
+					</view>
+					<view class="form-item">
+						<view class="label">申请日期</view>
+						<uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01"
+							@change="onDateChange($event, model)" />
+					</view>
+				</view>
+			</template>
+		</filter-modal>
+	</view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import {
+	queryApi
+} from '@/api/delay_invoice.js'
+import {
+	getDicByCodes
+} from '@/utils/dic'
+
+export default {
+	components: {
+		CardList,
+		FilterModal,
+		SingleSelectSheet
+	},
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			tabs: [],
+			// 给到 card 的筛选值
+			query: {
+				status: '',
+				dateRange: []
+			},
+			extraParams: {},
+
+			// 批量选择
+			rowKey: 'id',
+			currentItems: [],
+
+			// 筛选弹框
+			filterVisible: false,
+			filterForm: {
+				status: '',
+				dateRange: []
+			},
+			dicOptions: {
+				AUDIT_STATUS: [],
+			},
+			statusLocal: [],
+		}
+	},
+	computed: {
+		extraCombined() {
+			return {
+				deptName: this.searchKeywordDebounced || undefined
+			}
+		}
+	},
+	watch: {
+		extraCombined: {
+			deep: true,
+			handler(v) {
+				this.extraParams = v
+			},
+			immediate: true
+		},
+
+	},
+	created() {
+		this.loadAllDicData()
+	},
+	onLoad() { },
+	// 页面触底兜底：当页面自身滚动到底部时，转调卡片组件加载更多
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	beforeDestroy() {
+		if (this.searchDebounceTimer) {
+			clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = null
+		}
+	},
+	methods: {
+		onCardLoaded({
+			items
+		}) {
+			this.currentItems = items
+		},
+		onCardError() {
+			uni.showToast({
+				title: '列表加载失败',
+				icon: 'none'
+			})
+		},
+		// 输入实时搜索：1200ms 防抖，仅在停止输入超过阈值后刷新
+		onSearchInput(val) {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+			}, 1200)
+		},
+		// uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
+		search(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+		},
+		onAdd() {
+			uni.navigateTo({
+				url: '/pages/replenishment_order/add'
+			})
+		},
+		openFilter() {
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			if ((payload.status === '' || payload.status == null) && this.filterForm.status !== '') {
+				payload.status = this.filterForm.status
+			}
+			this.query = {
+				...payload
+			}
+		},
+		onStatusChange(e) {
+			const raw = e && e.detail && e.detail.value !== undefined ?
+				e.detail.value :
+				(e && e.value !== undefined ? e.value : '')
+			this.filterForm.status = raw
+		},
+
+		onDateChange(e, model) {
+			// 确保同步更新 filterForm，避免数据不同步
+			this.filterForm.dateRange = e
+		},
+
+		// 列表接口（真实请求）
+		fetchList({
+			pageIndex,
+			pageSize,
+			query,
+			extra
+		}) {
+			const params = {
+				pageIndex,
+				pageSize,
+				...extra,
+				...query
+			}
+			if (Array.isArray(params.dateRange) && params.dateRange.length === 2) {
+				params.applyDateStart = params.dateRange[0]
+				params.applyDateEnd = params.dateRange[1]
+				delete params.dateRange
+			}
+			if (this.searchKeywordDebounced) {
+				params.deptName = this.searchKeywordDebounced
+			}
+			return queryApi(params)
+				.then(res => {
+					const _data = res.data || {};
+					const records = _data.datas || [];
+					const totalCount = _data.totalCount || 0;
+					const hasNext = _data.hasNext || false
+					return {
+						records,
+						totalCount,
+						hasNext
+					}
+				})
+				.catch(err => {
+					console.error('fetchList error', err)
+					this.onCardError()
+					return {
+						records: [],
+						totalCount: 0,
+						hasNext: false
+					}
+				})
+		},
+		loadAllDicData() {
+			const dicCodes = ['AUDIT_STATUS']
+			return getDicByCodes(dicCodes).then(results => {
+				this.dicOptions.AUDIT_STATUS = results.AUDIT_STATUS.data || []
+				this.statusLocal = (this.dicOptions.AUDIT_STATUS || []).map(it => ({
+					value: it.code,
+					text: it.name
+				}))
+			}).catch(() => {
+				this.dicOptions = {
+					AUDIT_STATUS: [],
+				}
+				this.statusLocal = []
+			})
+		},
+		onCardClick(item) {
+			const id = (item && (item.id || item.code)) || ''
+			if (!id) return
+			const query = '?id=' + encodeURIComponent(id)
+			uni.navigateTo({
+				url: '/pages/delay_invoice/detail' + query
+			})
+		},
+		filterStatus(status) {
+			return this.statusLocal.filter(item => item.value === status)[0].text || '';
+		},
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dev-list-fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+
+	.search-row {
+		display: flex;
+		align-items: center;
+		padding: 16rpx 32rpx;
+
+		.uni-searchbar {
+			padding: 0;
+			flex: 1;
+		}
+
+		.tool-icons {
+			display: flex;
+
+			.tool-icon {
+				width: 48rpx;
+				height: 48rpx;
+				display: block;
+				margin-left: 32rpx;
+			}
+		}
+	}
+
+}
+
+/* 仅当前页覆盖 uni-search-bar 盒子高度 */
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
+
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
+	}
+}
+
+.list-box {
+	flex: 1;
+	padding-top: 140rpx;
+
+	&.pad-batch {
+		padding-bottom: 144rpx;
+	}
+
+	.card {
+		position: relative;
+	}
+
+	.card-header {
+		margin-bottom: 28rpx;
+		position: relative;
+
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
+			width: 578rpx;
+		}
+
+		.status {
+			font-weight: 600;
+			position: absolute;
+			top: -32rpx;
+			right: -12rpx;
+			height: 48rpx;
+			line-height: 48rpx;
+			color: #fff;
+			font-size: 24rpx;
+			padding: 0 14rpx;
+			border-radius: 6rpx;
+
+			// 审核中
+			&.status_AUDIT {
+				background: $theme-primary;
+			}
+
+			// 审核通过
+			&.status_PASS {
+				background: #2BA471;
+			}
+
+			// 已驳回
+			&.status_REFUSE {
+				background: #d54941;
+			}
+
+			// 已取消
+			&.status_CANCEL {
+				background: #e7e7e7;
+				color: rgba(0, 0, 0, 0.6);
+			}
+
+		}
+
+	}
+
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		text {
+			width: 60%;
+			line-height: 32rpx;
+
+			&:last-child {
+				color: rgba(0, 0, 0, 0.9);
+				width: 40%;
+			}
+
+			&.category {
+				display: inline-block;
+				padding: 4rpx 12rpx;
+				border-radius: 6rpx;
+				font-size: 24rpx;
+				width: auto;
+
+				&.category_A {
+					background: #FFF0ED;
+					color: #D54941;
+				}
+
+				&.category_B {
+					background: #FFF1E9;
+					color: #E37318;
+				}
+
+				&.category_C {
+					background: #F2F3FF;
+					color: $theme-primary;
+				}
+
+				&.category_D {
+					background: #E3F9E9;
+					color: #2BA471;
+				}
+			}
+		}
+
+	}
+}
+
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
+
+	.uni-easyinput {
+		border: 1rpx solid #f3f3f3;
+	}
+
+}
+
+/* 深度覆盖 uni-data-checkbox（mode=tag）内部的 tag 展示与间距 */
+::v-deep .filter-form .uni-data-checklist .checklist-group {
+	.checklist-box {
+		&.is--tag {
+			width: 212rpx;
+			margin-top: 0;
+			margin-bottom: 24rpx;
+			margin-right: 24rpx;
+			height: 80rpx;
+			padding: 0;
+			border-radius: 12rpx;
+			background-color: #f3f3f3;
+			border-color: #f3f3f3;
+
+			&:nth-child(3n) {
+				margin-right: 0;
+			}
+
+			.checklist-content {
+				display: flex;
+				justify-content: center;
+			}
+
+			.checklist-text {
+				color: rgba(0, 0, 0, 0.9);
+				font-size: 28rpx;
+			}
+		}
+
+		&.is-checked {
+			background-color: $theme-primary-plain-bg !important;
+			border-color: $theme-primary-plain-bg !important;
+
+			.checklist-text {
+				color: $theme-primary !important;
+			}
+		}
+	}
+
+}
+</style>

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <uni-list>
+        <view class="section">
+          <uni-list-item title="要车日期">
+            <template v-slot:footer>
+              <view class="readonly-text">{{ form.applyDate }}</view>
+            </template>
+          </uni-list-item>
+          <uni-list-item title="所属办">
+            <template v-slot:footer>
+              <view class="readonly-text">{{ form.deptName }}</view>
+            </template>
+          </uni-list-item>
+        </view>
+
+        <!-- 产品 -->
+        <view class="section2">
+          <!-- mode="add" 允许编辑 -->
+          <Product mode="add" :list="initDelayedShipmentDetailList" @change="delayedShipmentDetailListChange"
+            :orderDate="form.orderDate" />
+        </view>
+        <view class="footer">
+          <button class="btn submit" type="primary" @click="onSubmit">保存</button>
+        </view>
+      </uni-list>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { updateApi, getDetailApi } from '@/api/delay_invoice.js'
+import Product from './product.vue'
+
+export default {
+  name: 'DelayInvoiceModify',
+  components: { Product },
+  data() {
+    return {
+      form: {
+        id: '',
+      },
+      initDelayedShipmentDetailList: [],
+    }
+  },
+  onLoad(query) {
+    const id = (query && (query.id || query.code)) || ''
+    if (id) {
+      this.loadDetail(id)
+    }
+  },
+  methods: {
+    async loadDetail(id) {
+      try {
+        const res = await getDetailApi(id)
+        const m = res.data || {}
+        const next = { ...this.form, ...m }
+        // 确保ID存在
+        next.id = m.id || id
+        // 映射列表
+        // 注意：详情返回的是 replenishmentOrderLineList，需要赋值给 initDelayedShipmentDetailList 以便 Product 组件初始化
+        // 且需要处理字段兼容性，确保 Product 组件能正确显示和编辑
+        const lines = Array.isArray(m.delayedShipmentDetailList) ? m.delayedShipmentDetailList.map(x => ({
+           ...x,
+           // 确保 Product 组件需要的字段存在
+           // Product组件使用: quantity(需发), shippedQuantity(实发), supplementaryQuantity(需求补货), salesPrice(单价)
+           // 详情接口返回的字段应该已经包含了这些，如果有差异需要在此处转换
+           // 注意：add.vue中 onRelateConfirm 做了映射，这里是回显，通常直接使用即可
+        })) : []
+        
+        this.form = next;
+        this.initDelayedShipmentDetailList = lines;
+      } catch (e) {
+        uni.showToast({ title: '加载失败', icon: 'none' })
+      }
+    },
+    validateLineListRequired() {
+      const list = Array.isArray(this.form.delayedShipmentDetailList) ? this.form.delayedShipmentDetailList : []
+      if (list.length === 0) {
+        uni.showToast({ title: '请先添加产品', icon: 'none' })
+        return false
+      }
+      const fields = [
+        { key: 'applyShipmentDate', label: '现申请发货日期' },
+      ]
+      for (let i = 0; i < list.length; i++) {
+        const it = list[i] || {}
+        for (const f of fields) {
+          const v = it && it[f.key]
+          if (v === undefined || v === null || String(v).trim() === '') {
+            uni.showToast({ title: `产品第${i + 1}条：${f.label}不能为空！`, icon: 'none' })
+            return false
+          }
+        }
+      }
+      return true
+    },
+    async onSubmit() {
+      if (!this.validateLineListRequired()) return
+      const payload = { ...this.form }
+      
+      console.log('onSubmit__payload', payload)
+      try {
+        await updateApi(payload)
+        uni.showToast({ title: '保存成功', icon: 'success' })
+        setTimeout(() => { uni.redirectTo({ url: '/pages/delay_invoice/index' }) }, 300)
+      } catch (e) {
+        uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
+      }
+    },
+    delayedShipmentDetailListChange(data) {
+      const list = Array.isArray(data) ? data : []
+      this.form.delayedShipmentDetailList = list
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.scroll {
+  flex: 1;
+  padding: 6rpx 0 400rpx;
+}
+
+
+
+.title-header {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 32rpx 32rpx 22rpx;
+
+  .title-header_icon {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+  }
+
+  span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 44rpx;
+    font-weight: 600;
+  }
+}
+
+
+.section {
+  background: #fff;
+  margin-bottom: 20rpx;
+}
+
+.section2 {
+  background: #f1f1f1;
+}
+
+::v-deep .uni-list {
+  background: transparent;
+
+  &-item {
+    &__extra-text {
+      font-size: 32rpx;
+    }
+
+    &__content-title {
+      font-size: 32rpx;
+      color: rgba(0, 0, 0, 0.9);
+    }
+
+    &__container {
+      padding: 32rpx;
+      // align-items: center;
+
+      .uni-easyinput {
+
+        .is-disabled {
+          background-color: transparent !important;
+        }
+
+        &__placeholder-class {
+          font-size: 32rpx;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        &__content {
+          border: none;
+
+          &-input {
+            padding-left: 0 !important;
+            height: 48rpx;
+            line-height: 48rpx;
+            font-size: 32rpx;
+          }
+
+          .content-clear-icon {
+            font-size: 44rpx !important;
+          }
+        }
+      }
+
+      .amount-row {
+        flex: 1;
+        display: flex;
+        align-items: center;
+
+        .uni-easyinput {
+          flex: 1;
+        }
+
+        .unit {
+          margin-left: 16rpx;
+          color: rgba(0, 0, 0, 0.9);
+        }
+      }
+
+      .item-title,
+      .uni-list-item__content {
+        flex: none;
+        min-height: 48rpx;
+        line-height: 48rpx;
+        font-size: 32rpx;
+        position: relative;
+        width: 210rpx;
+        margin-right: 32rpx;
+        color: rgba(0, 0, 0, 0.9);
+        padding-right: 0;
+
+
+        .required {
+          color: red;
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          left: -16rpx;
+        }
+      }
+
+    }
+
+    &.select-item {
+      &.is-empty {
+        .uni-list-item__extra-text {
+          color: rgba(0, 0, 0, 0.4) !important;
+        }
+      }
+
+      &.is-filled {
+        .uni-list-item__extra-text {
+          color: rgba(0, 0, 0, 0.9) !important;
+        }
+      }
+
+      .serial-number-row {
+        display: flex;
+        align-items: center;
+      }
+
+    }
+
+    &.mgb10 {
+      margin-bottom: 20rpx;
+    }
+
+  }
+
+  .title-header {
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    padding: 32rpx 32rpx 22rpx;
+
+    &_icon {
+      width: 32rpx;
+      height: 28rpx;
+      margin-right: 16rpx;
+    }
+
+    span {
+      color: rgba(0, 0, 0, 0.9);
+      font-size: 32rpx;
+      line-height: 44rpx;
+      font-weight: 600;
+    }
+  }
+}
+
+/* 只读 easyinput 根据内容自适应高度 */
+::v-deep .uni-list-item__container {
+  align-items: flex-start;
+}
+
+/* 只读文本样式 */
+.readonly-text {
+  color: rgba(0, 0, 0, 0.9);
+  font-size: 32rpx;
+  line-height: 48rpx;
+  text-align: right;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+
+.footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 0 32rpx 32rpx;
+  padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+  background: #fff;
+  box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+  z-index: 10;
+
+  .btn {
+    height: 80rpx;
+    line-height: 80rpx;
+    border-radius: 12rpx;
+    font-size: 32rpx;
+  }
+
+  .submit {
+    background: $theme-primary;
+    color: #fff;
+  }
+
+  .view-total {
+    padding: 20rpx 0;
+
+    .head {
+      font-size: 32rpx;
+      font-weight: 600;
+      line-height: 50rpx;
+      color: rgba(0, 0, 0, 0.9);
+      padding-bottom: 16rpx;
+      margin-bottom: 24rpx;
+      border-bottom: 1px dashed #E7E7E7;
+    }
+
+    .row {
+      display: flex;
+      margin-bottom: 24rpx;
+      line-height: 32rpx;
+
+      .row2 {
+        width: 50%;
+      }
+
+      .label {
+        width: 180rpx;
+        margin-right: 14rpx;
+        color: rgba(0, 0, 0, 0.6);
+        font-size: 28rpx;
+      }
+
+      .value {
+        flex: 1;
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 28rpx;
+        white-space: pre-wrap;
+        word-break: break-all;
+      }
+    }
+  }
+}
+</style>

+<template>
+    <view class="product">
+
+        <!-- 新增&详情-产品 -->
+        <view class="header bp">
+            <image class="opCollapse" src="/static/images/title.png" />
+            <text class="title">{{ title || '产品' }}</text>
+            <view class="ops">
+                <!-- <image v-if="mode === 'add'" class="opAdd" @click="onAdd" src="/static/images/plus.png" /> -->
+                <view v-if="mode === 'view'" class="op1" @click="toggleViewCollapse">
+                    <image class="opAdd" :src="collapsedView ? '/static/images/down.png' : '/static/images/up.png'" />
+                    <text class="op">{{ collapsedView ? '展开' : '收起' }} </text>
+                </view>
+
+            </view>
+        </view>
+
+        <view v-if="mode === 'add'" class="section">
+            <view v-for="(item, idx) in items" :key="'a-' + idx" class="block">
+                <uni-list class="edit-list">
+                    <uni-list-item title="订单编号">
+                        <template v-slot:footer>
+                            <view class="value">{{ item.orderNo }}</view>
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="原订单计划发货日期">
+                        <template v-slot:footer>
+                            <view class="value">{{ item.deliveryDate }}</view>
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="现申请发货日期">
+                        <template v-slot:footer>
+                            <uni-datetime-picker type="date" v-model="item.applyShipmentDate" />
+                        </template>
+                    </uni-list-item>
+
+                    <view v-show="!item.collapsed">
+                        <uni-list-item title="申请次数">
+                            <template v-slot:footer>
+                                <view class="value">{{ item.applyCount }}</view>
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="订单类型">
+                            <template v-slot:footer>
+                                <view class="value">{{ item.orderType }}</view>
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="所属分厂">
+                            <template v-slot:footer>
+                                <view class="value">{{ item.workshopName }}</view>
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="客户名称">
+                            <template v-slot:footer>
+                                <view class="value">{{ item.customerName }}</view>
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="发货数量">
+                            <template v-slot:footer>
+                                <view class="value">{{ item.quantity }}</view>
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="延期原因">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="item.delayReason" placeholder="请输入延期原因" :inputBorder="false" />
+                            </template>
+                        </uni-list-item>
+                    </view>
+                </uni-list>
+
+                <view class="block-ops">
+                    <!-- <div class="del" @click="onRemove(item.purchaseOrderId)">
+                        <image src="/static/images/delete.png" class="icon" />
+                        删除
+                    </div> -->
+                    <div class="toggle" @click="toggleItem(idx)">
+                        <image :src="item.collapsed ? '/static/images/up.png' : '/static/images/down.png'"
+                            class="icon" />
+                        {{ item.collapsed ? '展开' : '收起' }}
+                    </div>
+                </view>
+            </view>
+        </view>
+
+        <view v-else-if="mode === 'view'" class="view-list" v-show="!collapsedView">
+            <view v-for="(item, idx) in items" :key="'v-' + idx" class="card">
+                <view class="row"><text class="label">订单编号</text><text class="value">{{ item.orderNo }}</text></view>
+                <view class="row"><text class="label">原订单计划发货日期</text><text class="value">{{ item.deliveryDate }}</text>
+                </view>
+                <view class="row"><text class="label">现申请发货日期</text><text class="value">{{ item.applyShipmentDate
+                }}</text>
+                </view>
+                <view class="row"><text class="label">申请次数</text><text class="value">{{ item.applyCount
+                        }}</text>
+                </view>
+                <view class="row"><text class="label">订单类型</text><text class="value">{{ item.orderType
+                        }}</text></view>
+                <view class="row"><text class="label">所属分厂</text><text class="value">{{ item.workshopName }}</text>
+                </view>
+                <view class="row"><text class="label">客户名称</text><text class="value">{{
+                    item.customerName }}</text></view>
+                <view class="row"><text class="label">发货数量</text><text class="value">{{
+                    item.quantity
+                        }}</text>
+                </view>
+                <view class="row"><text class="label">延期原因</text><text class="value">{{ item.delayReason }}</text>
+                </view>
+            </view>
+        </view>
+
+    </view>
+</template>
+<script>
+import { uuid } from '@/utils/uuid.js'
+export default {
+    name: 'Product',
+    props: {
+        title: { type: String, default: '' },
+        mode: { type: String, default: 'add' },
+        list: { type: Array, default: () => [] },
+    },
+    data() {
+        return {
+            items: [],
+            collapsedView: false,
+            roleCodes: [],
+        }
+    },
+    computed: {
+    },
+    watch: {
+        items: {
+            handler() { this.emitChange() },
+            deep: true
+        },
+        list: {
+            handler(v) {
+                const arr = Array.isArray(v) ? v : []
+                this.items = arr.map(x => {
+                    const it = { ...this.defaultItem(), ...x, collapsed: true }
+                    return it
+                })
+            },
+            deep: true
+        },
+    },
+    created() {
+        const init = Array.isArray(this.list) && this.list.length > 0 ? this.list.map(v => ({ ...this.defaultItem(), ...v, collapsed: false })) : [{ ...this.defaultItem(), collapsed: false }]
+        this.items = init;
+    },
+    methods: {
+        defaultItem() {
+            return {
+                purchaseOrderId: uuid(),
+                collapsed: false,
+                id: '',
+                orderNo: '',
+                deliveryDate: '',
+                applyShipmentDate: '',
+                applyCount: '',
+                orderType: '',
+                workshopName: '',
+                customerName: '',
+                quantity: '',
+                delayReason: '',
+            }
+        },
+
+        onAdd() {
+            const obj = this.defaultItem()
+            obj.collapsed = true
+            this.items.push(obj)
+            this.emitChange()
+        },
+        onRemove(id) {
+            if (!id) return
+            uni.showModal({
+                title: '系统提示',
+                content: '是否确定删除选中的产品？',
+                confirmText: '确定',
+                cancelText: '取消',
+                success: (res) => {
+                    if (res && res.confirm) {
+                        const i = this.items.findIndex(it => String(it.purchaseOrderId) === String(id))
+                        if (i >= 0) {
+                            this.items.splice(i, 1)
+                            this.emitChange()
+                        }
+                    }
+                }
+            })
+        },
+        toggleItem(idx) {
+            const it = this.items[idx]
+            if (!it) return
+            it.collapsed = !it.collapsed
+            this.$set(this.items, idx, it)
+        },
+        emitChange() {
+            const out = this.items.map(it => ({ ...it }))
+            this.$emit('input', out)
+            this.$emit('update:value', out)
+            this.$emit('change', out)
+        },
+        onNonNegativeNumberInput(val, item, idx, field) {
+            let v = String(val != null ? val : (item && item[field]) || '')
+            v = v.replace(/[^0-9.]/g, '')
+            v = v.replace(/(\..*)\./g, '$1')
+            if (v.startsWith('.')) v = '0' + v
+            if (v === '') { item[field] = ''; if (typeof idx === 'number') this.$set(this.items, idx, { ...item }); return }
+            const num = Number(v)
+            if (isNaN(num) || num < 0) {
+                item[field] = '0'
+            } else {
+                item[field] = v
+            }
+            if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+        },
+        onNonNegativeNumberBlur(item, idx, field) {
+            const v = String((item && item[field]) || '')
+            const num = Number(v)
+            if (isNaN(num) || num < 0) item[field] = '0'
+            if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+        },
+        onRealNumberInput(val, item, idx, field) {
+            let s = String(val != null ? val : (item && item[field]) || '')
+            const neg = s.trim().startsWith('-')
+            s = s.replace(/[^0-9.\-]/g, '')
+            s = s.replace(/(?!^)-/g, '')
+            s = s.replace(/(\..*)\./g, '$1')
+            if (s.startsWith('.')) s = '0' + s
+            if (s.startsWith('-.')) s = '-0.' + s.slice(2)
+            if (neg && !s.startsWith('-')) s = '-' + s.replace(/-/g, '')
+            item[field] = s
+            if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+        },
+        onRealNumberBlur(item, idx, field) {
+            const s = String((item && item[field]) || '')
+            if (s === '') { if (typeof idx === 'number') this.$set(this.items, idx, { ...item }); return }
+            const n = Number(s)
+            if (isNaN(n)) item[field] = ''
+            if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+        },
+        toggleViewCollapse() {
+            this.collapsedView = !this.collapsedView
+        },
+        onDeliveryChange(e, item, idx) {
+            const getStr = (x) => {
+                if (x && x.detail && x.detail.value !== undefined) return x.detail.value
+                if (typeof x === 'string') return x
+                return item && item.deliveryDate ? item.deliveryDate : ''
+            }
+            const val = getStr(e)
+            if (!val || !this.orderDate) return
+            const parse = (s) => {
+                const p = String(s).replace(/\//g, '-').split('-')
+                const y = Number(p[0])
+                const m = Number(p[1])
+                const d = Number(p[2])
+                return new Date(y, m - 1, d)
+            }
+            const sel = parse(val)
+            const ord = parse(this.orderDate)
+            if (!(sel > ord)) {
+                item.deliveryDate = ''
+                this.$set(this.items, idx, { ...item })
+                uni.showToast({ title: '发货日期必须大于订货日期', icon: 'none' })
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.header {
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+
+    &.bp {
+        border-bottom: 1px solid #f0f0f0;
+    }
+}
+
+.dot {
+    width: 16rpx;
+    height: 16rpx;
+    background: #3D48A3;
+    border-radius: 50%;
+    margin-right: 12rpx;
+}
+
+.title {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+    font-weight: 600;
+}
+
+.ops {
+    margin-left: auto;
+}
+
+.op {
+    color: $theme-primary;
+    font-size: 28rpx;
+    margin-left: 8rpx;
+}
+
+.op1 {
+    display: flex;
+    align-items: center;
+}
+
+.opAdd {
+    color: rgba(0, 0, 0, 0.6);
+    width: 40rpx;
+    height: 40rpx;
+}
+
+.opCollapse {
+    color: rgba(0, 0, 0, 0.6);
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+}
+
+::v-deep .uni-list {
+    background: transparent;
+
+    .uni-list--border-top {
+        background-color: transparent !important;
+    }
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+
+                .is-disabled {
+                    background-color: transparent !important;
+                }
+
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .amount-row {
+                flex: 1;
+                display: flex;
+                align-items: center;
+
+                .uni-easyinput {
+                    flex: 1;
+                }
+
+                .unit {
+                    margin-left: 16rpx;
+                    color: rgba(0, 0, 0, 0.9);
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 210rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+                padding-right: 0;
+
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+
+            .serial-number-row {
+                display: flex;
+                align-items: center;
+            }
+
+        }
+
+        &.mgb10 {
+            margin-bottom: 20rpx;
+        }
+
+    }
+
+    .title-header {
+        background-color: #fff;
+        display: flex;
+        align-items: center;
+        padding: 32rpx 32rpx 22rpx;
+
+        &_icon {
+            width: 32rpx;
+            height: 28rpx;
+            margin-right: 16rpx;
+        }
+
+        span {
+            color: rgba(0, 0, 0, 0.9);
+            font-size: 32rpx;
+            line-height: 44rpx;
+            font-weight: 600;
+        }
+    }
+}
+
+/* 只读 easyinput 根据内容自适应高度 */
+::v-deep .uni-list-item__container {
+    align-items: flex-start;
+}
+
+.block-ops {
+    display: flex;
+    padding: 20rpx 32rpx 20rpx;
+    justify-content: space-around;
+}
+
+.del {
+    color: #D54941;
+    font-size: 28rpx;
+    display: flex;
+    align-items: center;
+
+    image {
+        width: 40rpx;
+        height: 40rpx;
+    }
+}
+
+.toggle {
+    color: $theme-primary;
+    font-size: 28rpx;
+    display: flex;
+    align-items: center;
+
+    image {
+        width: 40rpx;
+        height: 40rpx;
+    }
+}
+
+.section {
+    background: #f1f1f1;
+    margin-bottom: 20rpx;
+
+    .block {
+        background: #ffffff;
+        // padding: 32rpx 0;
+        margin-bottom: 20rpx;
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    .row {
+        display: flex;
+        // margin-bottom: 24rpx;
+        line-height: 32rpx;
+        padding: 32rpx;
+        border-bottom: 1rpx solid #f2f2f2;
+
+
+        &.noneStyle {
+            border-bottom: 0;
+            border-bottom: none;
+        }
+
+        &.row-spec {
+            align-items: center;
+        }
+    }
+
+    .row:last-child {
+        margin-bottom: 0;
+    }
+
+    .label {
+        width: 210rpx;
+        margin-right: 32rpx;
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 32rpx;
+        line-height: 48rpx;
+    }
+
+    .value {
+        flex: 1;
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 32rpx;
+        white-space: pre-wrap;
+        word-break: break-all;
+        line-height: 48rpx;
+    }
+
+    .value-spec {
+        height: 48rpx;
+        display: flex;
+        align-items: center;
+        color: #000000;
+
+        &_box {
+            position: relative;
+            width: 60rpx;
+            height: 48rpx;
+
+            &_1 {
+                font-size: 16rpx;
+                position: absolute;
+                top: -10rpx;
+                left: 0;
+            }
+
+            &_2 {
+                font-size: 16rpx;
+                position: absolute;
+                bottom: -10rpx;
+                left: 0;
+            }
+        }
+
+        &_val {
+            font-size: 28rpx;
+
+            &.p12 {
+                padding-right: 12rpx;
+            }
+        }
+    }
+
+    .view-total {
+        padding-top: 20rpx;
+
+        .head {
+            font-size: 32rpx;
+            font-weight: 600;
+            line-height: 50rpx;
+            color: rgba(0, 0, 0, 0.9);
+            padding-bottom: 16rpx;
+            margin-bottom: 24rpx;
+            border-bottom: 1px dashed #E7E7E7;
+        }
+
+        .row {
+            display: flex;
+            margin-bottom: 24rpx;
+            line-height: 32rpx;
+
+            .label {
+                width: 180rpx;
+                margin-right: 14rpx;
+                color: rgba(0, 0, 0, 0.6);
+                font-size: 28rpx;
+            }
+
+            .value {
+                flex: 1;
+                color: rgba(0, 0, 0, 0.9);
+                font-size: 28rpx;
+                white-space: pre-wrap;
+                word-break: break-all;
+            }
+        }
+    }
+}
+
+
+.view-list {
+    padding: 26rpx 32rpx;
+    background: #ffffff;
+
+    .card {
+        background: #f3f3f3;
+        border-radius: 16rpx;
+        padding: 32rpx 44rpx;
+        margin-bottom: 20rpx;
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    .row {
+        display: flex;
+        margin-bottom: 24rpx;
+        line-height: 32rpx;
+
+        &.row-spec {
+            height: 60rpx;
+            align-items: center;
+        }
+    }
+
+    .row:last-child {
+        margin-bottom: 0;
+    }
+
+    .label {
+        width: 260rpx;
+        margin-right: 14rpx;
+        color: rgba(0, 0, 0, 0.6);
+        font-size: 28rpx;
+    }
+
+    .value {
+        flex: 1;
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 28rpx;
+        white-space: pre-wrap;
+        word-break: break-all;
+    }
+
+    .value-spec {
+        height: 60rpx;
+        display: flex;
+        align-items: center;
+        color: #000000;
+
+        &_box {
+            position: relative;
+            width: 60rpx;
+            height: 60rpx;
+
+            &_1 {
+                font-size: 16rpx;
+                position: absolute;
+                top: 0;
+                left: 0;
+            }
+
+            &_2 {
+                font-size: 16rpx;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+            }
+        }
+
+        &_val {
+            font-size: 28rpx;
+
+            &.p12 {
+                padding-right: 12rpx;
+            }
+        }
+    }
+
+    .view-total {
+        padding-top: 20rpx;
+
+        .head {
+            font-size: 32rpx;
+            font-weight: 600;
+            line-height: 50rpx;
+            color: rgba(0, 0, 0, 0.9);
+            padding-bottom: 16rpx;
+            margin-bottom: 24rpx;
+            border-bottom: 1px dashed #E7E7E7;
+        }
+
+        .row {
+            display: flex;
+            margin-bottom: 24rpx;
+            line-height: 32rpx;
+
+            .label {
+                width: 180rpx;
+                margin-right: 14rpx;
+                color: rgba(0, 0, 0, 0.6);
+                font-size: 28rpx;
+            }
+
+            .value {
+                flex: 1;
+                color: rgba(0, 0, 0, 0.9);
+                font-size: 28rpx;
+                white-space: pre-wrap;
+                word-break: break-all;
+            }
+        }
+    }
+}
+</style>

+<template>
+  <view class="page">
+    <view class="section">
+      <text class="row company">{{ form.deptName }}</text>
+      <view class="row"><text class="label">要车日期</text><text class="value">{{ form.applyDate }}</text></view>
+    </view>
+
+    <!-- 产品 -->
+    <view class="section2">
+      <Product mode="view" :list="form.delayedShipmentDetailList" />
+    </view>
+  </view>
+</template>
+
+<script>
+import { getDetailApi } from '@/api/delay_invoice.js'
+import Product from './product.vue'
+
+export default {
+  name: 'DelayInvoiceViewer',
+  components: { Product },
+  props: { id: { type: [String, Number], default: '' } },
+  data() {
+    return {
+      form: {},
+    }
+  },
+  computed: {
+  },
+  watch: {
+    id: {
+      immediate: true,
+      handler(val) {
+        const v = (val !== undefined && val !== null) ? String(val) : ''
+        if (v) this.loadDetail(v)
+      }
+    }
+  },
+  onLoad(query) {
+  },
+  methods: {
+    async loadDetail(id) {
+      try {
+        const res = await getDetailApi(id)
+        this.form = res.data || {}
+      } catch (e) {
+        this.form = {}
+      }
+    },
+    getFormValues() {
+      const m = this.form || {}
+      return JSON.parse(JSON.stringify(m))
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.section {
+  padding: 32rpx;
+  background: #fff;
+  margin-bottom: 20rpx;
+  position: relative;
+
+}
+
+.row {
+  display: flex;
+  margin-bottom: 28rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.company {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.9);
+    padding-top: 10rpx;
+    margin-bottom: 32rpx;
+    line-height: 50rpx;
+  }
+
+  .label {
+    width: 240rpx;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+  }
+
+  .value {
+    flex: 1;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    text-align: right;
+    word-break: break-all;
+  }
+}
+
+.title-header {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 32rpx 32rpx 22rpx;
+  border-bottom: 1rpx dashed #f0f0f0;
+
+  &_icon {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+  }
+
+  span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 44rpx;
+    font-weight: 600;
+  }
+}
+</style>

@@ -629,7 +629,7 @@
 				font-weight: 600;
 				font-weight: 600;
 				position: absolute;
 				position: absolute;
 				top: -32rpx;
 				top: -32rpx;
-				right: -32rpx;
+				right: -12rpx;
 				height: 48rpx;
 				height: 48rpx;
 				line-height: 48rpx;
 				line-height: 48rpx;
 				color: #fff;
 				color: #fff;

@@ -399,7 +399,6 @@ export default {
             color: rgba(0, 0, 0, 0.9);
             color: rgba(0, 0, 0, 0.9);
             padding-bottom: 16rpx;
             padding-bottom: 16rpx;
             margin-bottom: 24rpx;
             margin-bottom: 24rpx;
-            ;
             border-bottom: 1px dashed #E7E7E7;
             border-bottom: 1px dashed #E7E7E7;
         }
         }
 
 
@@ -516,7 +515,6 @@ export default {
             color: rgba(0, 0, 0, 0.9);
             color: rgba(0, 0, 0, 0.9);
             padding-bottom: 16rpx;
             padding-bottom: 16rpx;
             margin-bottom: 24rpx;
             margin-bottom: 24rpx;
-            ;
             border-bottom: 1px dashed #E7E7E7;
             border-bottom: 1px dashed #E7E7E7;
         }
         }