聊天附件、报价附件、高清图附件、其他附件、前端附件列表以及上传功能，前端跟进记录列表

components/mk-upload/mk-upload.vue

@@ -4,59 +4,65 @@
 		:class="{'reverse': reverse}"
 	>
 		<!--进行flex占位-->
-		<block v-if="imgList.length >= column && reverse">
-			<block v-if="imgItemAppendLength === 0">
+		<view v-if="imgList.length >= column && reverse">
+			<view v-if="imgItemAppendLength === 0">
 				<view
 					class="mk-upload_item"
 					:class="uploadItemColumn"
+					:key="index"
 					v-for="(item, index) in (imgItemAppendLength + (column -1))"
 				/>
-			</block>
-			<block v-if="imgItemAppendLength === 1">
-				<block v-if="column == 3">
+			</view>
+			<view v-if="imgItemAppendLength === 1">
+				<view v-if="column == 3">
 					<view
 						class="mk-upload_item"
+						:key="index"
 						:class="uploadItemColumn"
 						v-for="(item, index) in imgItemAppendLength"
 					/>
-				</block>
-				<block v-if="column == 4">
+				</view>
+				<view v-if="column == 4">
 					<view
 						class="mk-upload_item"
 						:class="uploadItemColumn"
+						:key="index"
 						v-for="(item, index) in (imgItemAppendLength + 1)"
 					/>
-				</block>
-				<block v-if="column == 5">
+				</view>
+				<view v-if="column == 5">
 					<view
 						class="mk-upload_item"
 						:class="uploadItemColumn"
+						:key="index"
 						v-for="(item, index) in (imgItemAppendLength + 2)"
 					/>
-				</block>
-			</block>
-			<block v-if="imgItemAppendLength === 2">
-				<block v-if="column == 4">
+				</view>
+			</view>
+			<view v-if="imgItemAppendLength === 2">
+				<view v-if="column == 4">
 					<view
 						class="mk-upload_item"
 						:class="uploadItemColumn"
+						:key="index"
 						v-for="(item, index) in (imgItemAppendLength - 1)"
 					/>
-				</block>
-				<block v-if="column == 5">
+				</view>
+				<view v-if="column == 5">
 					<view
 						class="mk-upload_item"
 						:class="uploadItemColumn"
+						:key="index"
 						v-for="(item, index) in imgItemAppendLength"
 					/>
-				</block>
-			</block>
-			<block v-if="imgItemAppendLength === 3">
-				<block v-if="column == 5">
+				</view>
+			</view>
+			<view v-if="imgItemAppendLength === 3">
+				<view v-if="column == 5">
 					<view class="mk-upload_item" :class="uploadItemColumn"/>
-				</block>
-			</block>
-		</block>
+				</view>
+			</view>
+		</view>
 		<!--进行flex占位-->
 		
 		<view 
@@ -272,7 +278,7 @@
 				align-items: flex-start;
 				opacity: 0.8;
 				position: absolute;
-				z-index: 2;
+				z-index: 1;
 				cursor: pointer;
 				box-sizing: border-box;
 				text{

components/order-file-upload/order-file-upload.vue

@@ -26,14 +26,16 @@
 </template>
 
 <script>
+	import upload from '../../mixins/upload';
 	export default {
 		name: 'OrderFileUpload',
+		mixins : [upload],
 		props: {
 			title: {
 				type: String,
 				default: '文件上传'
 			},
-			fileType: {
+			orderFileType: {
 				type: String,
 				required: true
 			},
@@ -45,18 +47,9 @@
 				type: String,
 				default: '点击上传文件'
 			},
-			maxSize: {
-				type: Number,
-				default: 10 * 1024 * 1024 // 10MB
-			},
-			allowTypes: {
-				type: Array,
-				default: () => ['pdf', 'doc', 'docx', 'txt', 'jpg', 'jpeg', 'png', 'gif', 'mp3', 'wav', 'mp4']
-			}
 		},
 		data() {
 			return {
-				uploadList: []
 			}
 		},
 		watch: {
@@ -68,79 +61,9 @@
 			}
 		},
 		methods: {
-			// 处理文件上传
-			handleUpload() {
-				const lemonjkFileSelect = uni.requireNativePlugin('lemonjk-FileSelect');
-				//4.0.0+ 使用示例及高级筛选器配置示例
-				lemonjkFileSelect.showNativePicker({
-					pathScope: "/DCIM/Camera",
-					mimeType: "*/*",
-					utisType: "public.data",
-					multi: 'yes'
-				}, async result => {
-					const {
-						code,
-						files
-					} = result;
-					if (code == 0) {
-						// 选择的是否全部为图片
-						const tempFilePaths = files.map(v => "file://" + v.filePath);
-						Promise.all(tempFilePaths.map(v => this.uploadFile(v))).then(() => {
-							uni.$u.toast('上传成功');
-						}).catch(() => {
-							uni.$u.toast("上传失败");
-						})
-					} else if (result.code == 1001) {
-						uni.showModal({
-							title: "需要文件访问权限",
-							content: "您还未授权本应用读取文件。为保证您可以正常上传文件，请在权限设置页面打开文件访问权限（不同手机厂商表述可能略有差异）请根据自己手机品牌设置",
-							confirmText: "去授权",
-							cancelText: "算了",
-							success(e) {
-								if (e.confirm) {
-									// 跳转到应用设置页
-									lemonjkFileSelect.gotoSetting();
-								}
-							}
-						})
-					}
-				})
+			handleUploadSuccess(){
+				uni.$u.toast("上传成功");
 			},
-
-			// 上传文件
-			async uploadFile(fileUrl) {
-				try {
-					uni.showLoading({
-						title: '上传中...',
-						mask: true
-					});
-
-					// 调用统一的上传接口
-					const {
-						data
-					} = await uni.$u.api.uploadFile(fileUrl);
-
-					const fileObj = {
-						fileSize: data.fileSize,
-						fileSuffix: data.fileSuffix,
-						fileName: data.name,
-						fileUrl: data.url,
-						orderFileType : this.fileType
-					};
-
-					this.uploadList.push(fileObj);
-					this.$emit('update:fileList', this.uploadList);
-					this.$emit('change', this.uploadList);
-
-					uni.hideLoading();
-
-				} catch (error) {
-					uni.hideLoading();
-					console.error('文件上传失败:', error);
-					uni.$u.toast('上传失败，请重试');
-				}
-			},
-
 			// 删除文件
 			handleDelete(index) {
 				uni.showModal({
@@ -151,7 +74,7 @@
 							this.uploadList.splice(index, 1);
 							this.$emit('update:fileList', this.uploadList);
 							this.$emit('change', {
-								type: this.fileType,
+								type: this.orderFileType,
 								fileList: this.uploadList
 							});
 						}

mixins/upload.js

@@ -0,0 +1,131 @@
+export default {
+    data() {
+        return {
+            uploadList: []
+        }
+    },
+    computed: {
+    },
+    methods: {
+        // 处理文件上传
+        handleUpload() {
+            // #ifdef H5
+            this.handleH5Upload();
+            // #endif
+
+            // #ifdef APP-PLUS
+            this.handleAppUpload();
+            // #endif
+        },
+        // H5 平台文件上传
+        handleH5Upload() {
+            uni.chooseFile({
+                count: 100, // 最多可以选择100个文件
+                type: 'all', // 选择所有类型文件
+                success: async (res) => {
+                    const { tempFilePaths, tempFiles } = res;
+
+                    if (!tempFiles || tempFiles.length === 0) {
+                        return;
+                    }
+
+                    // 验证文件大小和类型
+                    const validFiles = [];
+                    for (let i = 0; i < tempFiles.length; i++) {
+                        const filePath = tempFilePaths[i];
+                        validFiles.push(filePath);
+                    }
+
+                    if (validFiles.length === 0) {
+                        return;
+                    }
+
+                    try {
+                        await Promise.all(validFiles.map(filePath => this.uploadFile(filePath)));
+                        this.handleUploadSuccess();
+                    } catch (error) {
+                        console.error('上传失败:', error);
+                        uni.$u.toast('上传失败');
+                    }
+                },
+                fail: (err) => {
+                    console.error('选择文件失败:', err);
+                    uni.$u.toast('选择文件失败');
+                }
+            });
+        },
+
+        // 上传文件
+        async uploadFile(fileUrl) {
+            try {
+                uni.showLoading({
+                    title: '上传中...',
+                    mask: true
+                });
+
+                // 调用统一的上传接口
+                const {
+                    data
+                } = await uni.$u.api.uploadFile(fileUrl);
+
+                const fileObj = {
+                    fileSize: data.fileSize,
+                    fileSuffix: data.fileSuffix,
+                    fileName: data.name,
+                    fileUrl: data.url,
+                    orderFileType: this.orderFileType
+                };
+
+                this.uploadList.push(fileObj);
+                this.$emit('update:fileList', this.uploadList);
+                this.$emit('change', this.uploadList);
+
+                uni.hideLoading();
+
+            } catch (error) {
+                uni.hideLoading();
+                console.error('文件上传失败:', error);
+                uni.$u.toast('上传失败，请重试');
+            }
+        },
+
+        // App 平台文件上传
+        handleAppUpload() {
+            const lemonjkFileSelect = uni.requireNativePlugin('lemonjk-FileSelect');
+            //4.0.0+ 使用示例及高级筛选器配置示例
+            lemonjkFileSelect.showNativePicker({
+                pathScope: "/DCIM/Camera",
+                mimeType: "*/*",
+                utisType: "public.data",
+                multi: 'yes'
+            }, async result => {
+                const {
+                    code,
+                    files
+                } = result;
+                if (code == 0) {
+                    // 选择的是否全部为图片
+                    const tempFilePaths = files.map(v => "file://" + v.filePath);
+                    Promise.all(tempFilePaths.map(v => this.uploadFile(v))).then(() => {
+                        this.handleUploadSuccess();
+                    }).catch(() => {
+                        uni.$u.toast("上传失败");
+                    })
+                } else if (result.code == 1001) {
+                    uni.showModal({
+                        title: "需要文件访问权限",
+                        content: "您还未授权本应用读取文件。为保证您可以正常上传文件，请在权限设置页面打开文件访问权限（不同手机厂商表述可能略有差异）请根据自己手机品牌设置",
+                        confirmText: "去授权",
+                        cancelText: "算了",
+                        success(e) {
+                            if (e.confirm) {
+                                // 跳转到应用设置页
+                                lemonjkFileSelect.gotoSetting();
+                            }
+                        }
+                    })
+                }
+            })
+        },
+    },
+}

pages/clueDetail/tabs/followRecord/index.vue

@@ -45,7 +45,6 @@
 </template>
 <script>
 	import {
-		groupBy,
 		isEmpty
 	} from "lodash";
 	export default {
@@ -60,11 +59,6 @@
 			type: {
 				type: String,
 				required: true
-				// '1' : 线索跟进
-				// '2' : 订单跟进(通过orderId)
-				// '3' : 订单跟进(通过clueId)
-				// '4' : 重复线索跟进
-				// 其他 : 重复订单跟进
 			}
 		},
 		data() {

pages/order/components/orderCenter/orderCenter.vue

@@ -121,10 +121,11 @@
 			handleToDetail(row) {
 				const {
 					id,
-					item
+					item,
+					clueId
 				} = row;
 				uni.navigateTo({
-					url: `/pages/orderDetail/index?orderId=${id}&item=${item}&type=${this.queryParams.type}`,
+					url: `/pages/orderDetail/index?orderId=${id}&item=${item}&type=${this.queryParams.type}&clueId=${clueId}`,
 				});
 			},
 			handleKeyword() {

pages/orderDetail/index.vue

@@ -7,7 +7,7 @@
 				</view>
 			</template>
 		</u-navbar>
-		<detail :orderId="orderId" :params="params"></detail>
+		<detail :orderId="orderId" :clueId="clueId" :params="params"></detail>
 	</view>
 </template>
 
@@ -26,11 +26,11 @@
 			})
 		},
 		onLoad(option) {
-			const {	item , orderId , type } = option;
-			console.log(option);
+			const {	item , orderId , type , clueId } = option;
 			this.item = item;
 			this.orderId = orderId;
 			this.params = option;
+			this.clueId = clueId;
 			uni.setNavigationBarTitle({
 				title: item
 			});
@@ -39,6 +39,7 @@
 			return {
 				item: "", 
 				orderId: "",
+				clueId: "",
 				params : {},
 			}
 		},

pages/orderDetail/tabs/advertising/index.vue

@@ -1,196 +0,0 @@
-<template>
-	<view class="caseInfo_wrap">
-		<template>
-			<view class="caseInfo_content_wrap">
-				<view class="caseInfo_title">
-					<image src="/static/clueDetail/icon-caseInfo.png" mode=""></image>
-					<text class="info_text">广告信息</text>
-				</view>
-				<view class="caseInfo_main_wrap">
-					<view class="Info_item" v-for="(item,index) in caseInfoColumn" :key="item.prop">
-						<text class="label">{{item.label}}</text>
-						<view v-if="item.prop === 'advName'" class="advName_wrap">
-							<view class="copy_btn" @click="handleCopy(clueAdInfo[item.prop])">复制</view>
-							<text class="value">{{clueAdInfo[item.prop] ? clueAdInfo[item.prop] : '-'}}</text>
-						</view>
-						<text v-else-if="item.color" class="value highlight" :style="handleStyle(item.color)">
-							{{clueAdInfo[item.prop]}}
-						</text>
-						<show-real-text v-else-if="item.dsProp" class="value" :real="clueAdInfo[item.prop]"
-							:normal="clueAdInfo[item.dsProp]" :accessType="item.accessType" :key="item.prop + index">
-						</show-real-text>
-						<text v-else class="value">{{clueAdInfo[item.prop] ? clueAdInfo[item.prop] : '-'}}</text>
-					</view>
-				</view>
-			</view>
-		</template>
-	</view>
-</template>
-
-<script>
-	const caseInfoColumn = [{
-			prop: 'advId',
-			label: '广告主ID',
-		},
-		{
-			prop: 'advName',
-			label: '广告主名称',
-		},
-		{
-			prop: 'promotionId',
-			label: '广告ID',
-		},
-		{
-			prop: 'promotionName',
-			label: '广告名称',
-		},
-		{
-			prop: 'originExternalUrl',
-			label: '落地页链接',
-		},
-		{
-			prop: 'titleId',
-			label: '标题ID',
-		},
-		{
-			prop: 'videoId',
-			label: '视频ID',
-		},
-		{
-			prop: 'imageId',
-			label: '图片ID',
-		},
-		{
-			prop: 'douyinId',
-			label: '企业号ID',
-		},
-		{
-			prop: 'douyinName',
-			label: '企业号名称',
-		},
-		{
-			prop: 'corporateToolName',
-			label: '企业号工具',
-		},
-		{
-			prop: 'clueDataSourceDetail',
-			label: '线索渠道详情',
-		},
-	]
-	export default {
-		props: {
-			clueId: {
-				required: true
-			},
-		},
-		methods: {
-			handleCopy(value) {
-				uni.setClipboardData({
-					data: value,
-					success: function() {
-						uni.$u.toast("复制成功");
-					}
-				});
-			},
-			async getData() {
-				const {
-					data
-				} = await uni.$u.api.getClueAdInfoByClueId({
-					clueId: this.clueId
-				});
-				this.clueAdInfo = data ? data : {};
-			}
-		},
-		created() {
-			this.getData();
-		},
-		data() {
-			return {
-				clueAdInfo: {},
-
-				caseInfoColumn,
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.caseInfo_wrap {
-		min-height: 400px;
-		.caseInfo_title {
-			display: flex;
-			align-items: center;
-			height: 80rpx;
-			background: #f4f4f6;
-			padding-left: 40rpx;
-
-			image {
-				width: 24rpx;
-				height: 24rpx;
-				margin-right: 10rpx;
-			}
-
-			.info_text {
-				font-size: 24rpx;
-				color: #202020;
-			}
-
-			.tabs_wrap {
-				display: flex;
-
-				.tab_item {
-					margin-left: 30rpx;
-				}
-			}
-		}
-
-		.caseInfo_main_wrap {
-			.caseCards_list_wrap {
-				background: #ebf6ff;
-				margin-bottom: 10rpx;
-				margin-left: 10rpx;
-				margin-right: 10rpx;
-			}
-			
-
-			.Info_item {
-				padding: 18rpx 40rpx;
-				display: flex;
-				justify-content: space-between;
-
-				.label {
-					color: #999999;
-					font-size: 26rpx;
-					width: 160rpx;
-				}
-
-				.value {
-					font-size: 26rpx;
-					color: #202020;
-					border-radius: 100rpx;
-					text-align: right;
-					width: 500rpx;
-				}
-
-				.highlight {
-					font-size: 22rpx;
-					font-weight: 900;
-					padding: 6rpx 20rpx;
-				}
-			}
-			
-			.advName_wrap{
-				display: flex;
-				align-items: center;
-				.copy_btn {
-					color: #4fa5fe;
-					margin-right: 10px;
-				}
-				.value{
-					width: auto;
-				}
-			}
-		}
-
-	}
-</style>

pages/orderDetail/tabs/callRecord/index.vue

@@ -1,204 +0,0 @@
-<template>
-	<view class="callRecord_wrap">
-		<view v-if="dataList.length > 0" class="timeline-list">
-			<view v-for="(data, index) in dataList" :key="index" class="timeline-item">
-				<view class="timeline-icon">
-					<uni-icons type="phone" size="20" color="#6cc040"></uni-icons>
-				</view>
-				<view class="timeline-content">
-					<view class="timestamp">{{ titleText(data) }}</view>
-					<view class="info_top">
-						<view class="info_left">
-							<text class="name_text">{{ data.caller }} 打给 {{ data.callee }}</text>
-						</view>
-						<view class="info_right">
-							{{ data.type === 1 ? data.followState : '' }}
-						</view>
-						<view class="delete-btn" @tap="handleDelete({ id: data.id })">
-							<uni-icons type="trash" size="20" color="#ff6666"></uni-icons>
-						</view>
-					</view>
-					<view class="file_name" v-if="data.type === '3'">{{data.fileName}}</view>
-					<view class="call_file">
-						<view class="audio-container">
-							<audio :src="data.fileUrl" controls ></audio>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view v-else class="empty_wrap">
-			<uni-icons type="empty" size="60" color="#cccccc"></uni-icons>
-			<text class="empty-text">暂无通话记录</text>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		props: {
-			clueId: {
-				type: [String, Number],
-				required: true
-			},
-			clueDetail: {
-				type: Object,
-				default: () => ({})
-			}
-		},
-		data() {
-			return {
-				dataList: []
-			}
-		},
-		methods: {
-			titleText(data) {
-				return `${data.createTime} 号码(${data.caller}) ${(data.type === 1 ?  data.hangupCauseName: '上传录音')}`
-			},
-			handleDelete({
-				id
-			}) {
-				uni.showModal({
-					title: '提示',
-					content: '是否确定删除?',
-					confirmColor: '#6cc040',
-					success: async (res) => {
-						if (res.confirm) {
-							try {
-								await uni.$u.api.deleteClueFile([id])
-								uni.showToast({
-									title: '删除成功',
-									icon: 'success',
-									duration: 2000
-								})
-								this.getData()
-							} catch (error) {
-								uni.showToast({
-									title: '删除失败',
-									icon: 'error',
-									duration: 2000
-								})
-							}
-						}
-					}
-				})
-			},
-			async getData() {
-				const {
-					data
-				} = await uni.$u.api.getCallClueFileByClueId({
-					clueId: this.clueId
-				});
-				this.dataList = data;
-			},
-		},
-		mounted() {
-			this.getData();
-		},
-		beforeDestroy(){
-			uni.$off('uploadRecordSuccess');  
-		},
-		created() {
-			uni.$on('uploadRecordSuccess',()=>{
-				this.getData();
-			});
-		}
-	}
-</script>
-<style lang="scss" scoped>
-	.callRecord_wrap {
-		position: relative;
-		padding: 20rpx;
-		min-height: 400px;
-		box-sizing: border-box;
-
-		.loading-mask {
-			position: absolute;
-			top: 0;
-			left: 0;
-			right: 0;
-			bottom: 0;
-			background-color: rgba(255, 255, 255, 0.8);
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			z-index: 999;
-		}
-
-		.timeline-list {
-			.timeline-item {
-				display: flex;
-				margin-bottom: 30rpx;
-
-				.timeline-icon {
-					width: 60rpx;
-					height: 60rpx;
-					border-radius: 50%;
-					background-color: #f1f3f4;
-					display: flex;
-					justify-content: center;
-					align-items: center;
-					margin-right: 20rpx;
-					flex-shrink: 0;
-				}
-
-				.timeline-content {
-					width:690rpx;
-
-					.timestamp {
-						font-size: 24rpx;
-						color: #999;
-						margin-bottom: 10rpx;
-					}
-
-					.info_top {
-						display: flex;
-						justify-content: space-between;
-						align-items: center;
-						margin-bottom: 20rpx;
-
-						.info_left {
-							.name_text {
-								font-size: 28rpx;
-								font-weight: 500;
-							}
-						}
-
-						.info_right {
-							color: #6cc040;
-							font-size: 26rpx;
-						}
-					}
-					.file_name{
-						color: #999;
-						font-size: 26rpx;
-					}
-
-					.call_file {
-						width: 100%;
-						border-radius: 12rpx;
-						display: flex;
-						align-items: center;
-						justify-content: space-between;
-						box-sizing: border-box;
-
-						.audio-container {
-							width: 100%;
-						}
-					}
-				}
-			}
-		}
-
-		.empty_wrap {
-			text-align: center;
-			padding: 100rpx 0;
-
-			.empty-text {
-				display: block;
-				margin-top: 30rpx;
-				color: #999;
-				font-size: 28rpx;
-			}
-		}
-	}
-</style>

pages/orderDetail/tabs/clueInfo/index.vue

@@ -1,232 +0,0 @@
-<template>
-	<view class="caseInfo_wrap">
-		<template v-if="clueDetail.id">
-			<view class="caseInfo_content_wrap">
-				<view class="caseInfo_title">
-					<image src="/static/clueDetail/icon-caseInfo.png" mode=""></image>
-					<text class="info_text">线索基础信息</text>
-				</view>
-				<view class="caseInfo_main_wrap">
-					<template v-if="params.type === '1'">
-						<view class="Info_item" v-for="(item,index) in caseInfoColumn" :key="item.prop">
-							<text class="label">{{item.label}}</text>
-							<text v-if="item.color" class="value highlight" :style="handleStyle(item.color)">
-								{{clueDetail[item.prop]}}
-							</text>
-							<show-real-text :real="clueDetail.telephone" :type='params.type'
-								v-if="item.prop === 'telephone'"></show-real-text>
-							<text v-else class="value">{{clueDetail[item.prop]}}</text>
-						</view>
-					</template>
-					<template v-if="params.type === '2'">
-						<view class="Info_item" v-for="(item,index) in caseInfoColumn" :key="item.prop">
-							<text class="label">{{item.label}}</text>
-							<view class="input_wrap" v-if="item.input">
-								<input v-model="clueDetail[item.prop]" style="text-align: right; padding-right: 10px;"
-									@blur="updateClueMainInfo" />
-							</view>
-							<text v-else-if="item.color" class="value highlight" :style="handleStyle(item.color)">
-								{{clueDetail[item.prop]}}
-							</text>
-							<text v-else class="value">{{clueDetail[item.prop]}}</text>
-						</view>
-					</template>
-				</view>
-			</view>
-		</template>
-	</view>
-</template>
-
-<script>
-	import {
-		cloneDeep,
-		isEqual
-	} from 'lodash';
-
-	const caseInfoColumn = [{
-			prop: 'name',
-			label: '姓名',
-			input: true
-		},
-		{
-			prop: 'telephone',
-			label: '电话',
-			input: true
-		},
-		{
-			prop: 'genderTypeCode',
-			label: '性别',
-		},
-		{
-			prop: 'age',
-			label: '年龄',
-		},
-		{
-			prop: 'weixin',
-			label: '微信',
-			input: true
-		},
-		{
-			prop: 'corporateStatus',
-			label: '企业号状态',
-		},
-		{
-			prop: 'userDouyinId',
-			label: '抖音号',
-		},
-		{
-			prop: 'autoAddress',
-			label: '自动定位城市',
-		},
-		{
-			prop: 'telAddr',
-			label: '手机号归属地',
-		},
-		{
-			prop: 'createTime',
-			label: '线索创建时间',
-		},
-		{
-			prop: 'updateTime',
-			label: '最新修改时间',
-		},
-		{
-			prop: 'address',
-			label: '详细地址',
-		},
-		{
-			prop: 'remark',
-			label: '备注',
-		},
-		{
-			prop: 'qq',
-			label: 'QQ号',
-		},
-		{
-			prop: 'email',
-			label: '邮箱',
-		},
-		{
-			prop: 'date',
-			label: '日期',
-		},
-		{
-			prop: 'manualAddressCode',
-			label: '手动填写地域',
-		}
-	]
-	export default {
-		props: {
-			clueId: {
-				required: true
-			},
-			params: {
-				type: Object,
-				required: true
-			},
-		},
-		methods: {
-			async updateClueMainInfo() {
-				if (!this.clueDetail.name) {
-					uni.$u.toast("姓名不能为空");
-					return;
-				}
-				if (!isEqual(this.cloneClueDetail, this.clueDetail)) {
-					await uni.$u.api.updateClueMainInfo(this.clueDetail);
-					uni.$u.toast("修改成功");
-					this.getData();
-				}
-			},
-			async getData() {
-				const {
-					data
-				} = await uni.$u.api.getClueMainInfoById({
-					id: this.clueId
-				});
-				this.clueDetail = data;
-				this.cloneClueDetail = cloneDeep(data);
-			}
-		},
-		created() {
-			this.getData();
-		},
-		data() {
-			return {
-				cloneClueDetail: {},
-				clueDetail: {},
-
-				caseInfoColumn,
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.caseInfo_wrap {
-		min-height: 400px;
-
-		.caseInfo_title {
-			display: flex;
-			align-items: center;
-			height: 80rpx;
-			background: #f4f4f6;
-			padding-left: 40rpx;
-
-			image {
-				width: 24rpx;
-				height: 24rpx;
-				margin-right: 10rpx;
-			}
-
-			.info_text {
-				font-size: 24rpx;
-				color: #202020;
-			}
-
-			.tabs_wrap {
-				display: flex;
-
-				.tab_item {
-					margin-left: 30rpx;
-				}
-			}
-		}
-
-		.caseInfo_main_wrap {
-			.caseCards_list_wrap {
-				background: #ebf6ff;
-				margin-bottom: 10rpx;
-				margin-left: 10rpx;
-				margin-right: 10rpx;
-			}
-
-			.Info_item {
-				padding: 18rpx 40rpx;
-				display: flex;
-				justify-content: space-between;
-
-				.label {
-					color: #999999;
-					font-size: 26rpx;
-				}
-
-				.input_wrap {
-					border-bottom: 1px solid #ddd;
-				}
-
-				.value {
-					font-size: 26rpx;
-					color: #202020;
-					border-radius: 100rpx;
-				}
-
-				.highlight {
-					font-size: 22rpx;
-					font-weight: 900;
-					padding: 6rpx 20rpx;
-				}
-			}
-		}
-
-	}
-</style>

pages/orderDetail/tabs/commissionFormList/commissionFormList.vue

@@ -0,0 +1,348 @@
+<template>
+	<view class="commission-form-list">
+		<!-- 头部按钮组 -->
+		<view class="commission-header">
+			<u-button type="primary" size="mini" icon="plus" @click="handleAdd">新增分成</u-button>
+		</view>
+
+		<!-- 分成信息卡片列表 -->
+		<view v-if="loading" class="loading_wrap">
+			<u-loading-icon text="加载中" textSize="18"></u-loading-icon>
+		</view>
+		<view v-else-if="commissionList.length === 0" class="empty_wrap">
+			<u-empty text="暂无分成数据"></u-empty>
+		</view>
+		<view v-else class="card_list">
+			<view class="card_item" v-for="(row, index) in commissionList" :key="row.id">
+				<view class="card_header">
+					<view class="card_title">{{ row.userName || '-' }}</view>
+					<view class="card_actions">
+						<u-button size="mini" type="text" @click="handleEdit(row)">编辑</u-button>
+						<u-button size="mini" type="text" @click="handleDelete(row.id)" style="color: #f56c6c">删除</u-button>
+					</view>
+				</view>
+				<view class="card_body">
+					<view class="info_row">
+						<view class="info_label">公司:</view>
+						<view class="info_value">{{ row.orgName || '-' }}</view>
+					</view>
+					<view class="info_row">
+						<view class="info_label">账户类型:</view>
+						<view class="info_value">{{ row.accountType === '1' ? '前端' : '后端' }}</view>
+					</view>
+					<view class="info_row">
+						<view class="info_label">分成比例:</view>
+						<view class="info_value highlight">{{ row.commissionRate || '0' }}%</view>
+					</view>
+					<view class="info_row">
+						<view class="info_label">创建时间:</view>
+						<view class="info_value">{{ formatTime(row.createTime) }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 分页组件 -->
+		<u-pagination
+			v-if="total > 0"
+			:total="total"
+			:current="queryParams.pageNum"
+			:page-size="queryParams.pageSize"
+			@change="handlePageChange"
+			:page-sizes="[10, 20, 50, 100]"
+			:show-total="true"
+		></u-pagination>
+
+		<!-- 新增/编辑对话框 -->
+		<u-popup v-model="dialogVisible" mode="center" width="500rpx" border-radius="16">
+			<view class="dialog_header">{{ dialogTitle }}</view>
+			<view class="dialog_body">
+				<u-form :model="commissionForm" ref="commissionFormRef" label-width="120rpx">
+					<u-form-item label="账户类型" prop="accountType" :required="true">
+						<u-radio-group v-model="commissionForm.accountType" :disabled="!isEdit">
+							<u-radio name="1" label="前端"></u-radio>
+							<u-radio name="2" label="后端"></u-radio>
+						</u-radio-group>
+					</u-form-item>
+					<u-form-item label="分成人" prop="userName" :required="true">
+						<u-input v-model="commissionForm.userName" placeholder="请选择分成人" :disabled="!isEdit" />
+					</u-form-item>
+					<u-form-item label="分成比例(%)" prop="commissionRate" :required="true">
+						<u-input v-model.number="commissionForm.commissionRate" type="number" placeholder="请输入分成比例(0-100)" />
+					</u-form-item>
+				</u-form>
+			</view>
+			<view class="dialog_footer">
+				<u-button @click="handleClose">取消</u-button>
+				<u-button type="primary" @click="handleSubmit">确定</u-button>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'CommissionFormList',
+	props: {
+		sendFormId: {
+			type: [Number, String],
+			required: true
+		},
+		clueId: {
+			type: [Number, String],
+			required: true
+		}
+	},
+	data() {
+		return {
+			commissionList: [],
+			total: 0,
+			loading: false,
+			queryParams: {
+				pageNum: 1,
+				pageSize: 10
+			},
+			dialogVisible: false,
+			dialogTitle: '新增分成',
+			isEdit: true,
+			commissionForm: {
+				id: null,
+				sendFormId: null,
+				clueId: null,
+				accountType: '1',
+				userName: null,
+				userId: null,
+				commissionRate: 0
+			},
+			rules: {
+				accountType: [{ required: true, message: '请选择账户类型', trigger: 'change' }],
+				userName: [{ required: true, message: '请选择分成人', trigger: 'blur' }],
+				commissionRate: [
+					{ required: true, message: '请输入分成比例', trigger: 'blur' },
+					{ type: 'number', min: 0, max: 100, message: '分成比例必须在0-100之间', trigger: 'blur' }
+				]
+			}
+		}
+	},
+	methods: {
+		async getList() {
+			this.loading = true
+			try {
+				const params = {
+					...this.queryParams,
+					sendFormId: this.sendFormId,
+				}
+				const res = await uni.$u.api.clueCommissionForm.list(params)
+				this.commissionList = res.rows || []
+				this.total = res.total || 0
+			} catch (error) {
+				uni.$u.toast('获取分成列表失败')
+			} finally {
+				this.loading = false
+			}
+		},
+		// 格式化时间
+		formatTime(time) {
+			if (!time) return '-'
+			const date = new Date(time)
+			const year = date.getFullYear()
+			const month = String(date.getMonth() + 1).padStart(2, '0')
+			const day = String(date.getDate()).padStart(2, '0')
+			const hours = String(date.getHours()).padStart(2, '0')
+			const minutes = String(date.getMinutes()).padStart(2, '0')
+			const seconds = String(date.getSeconds()).padStart(2, '0')
+			return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+		},
+		handleAdd() {
+			this.dialogTitle = '新增分成'
+			this.commissionForm = {
+				id: null,
+				sendFormId: this.sendFormId,
+				clueId: this.clueId,
+				accountType: '1',
+				userName: null,
+				userId: null,
+				commissionRate: 0
+			}
+			this.$nextTick(() => {
+				if (this.$refs.commissionFormRef) {
+					this.$refs.commissionFormRef.clearValidate()
+				}
+			})
+			this.dialogVisible = true
+		},
+		handleEdit(row) {
+			this.dialogTitle = '编辑分成'
+			// 深拷贝对象，避免直接修改原数据
+			this.commissionForm = JSON.parse(JSON.stringify(row))
+			this.dialogVisible = true
+		},
+		handleDelete(id) {
+			uni.showModal({
+				title: '警告',
+				content: '确定要删除这条分成记录吗？删除后将无法恢复！',
+				confirmButtonText: '确定删除',
+				cancelButtonText: '取消',
+				success: (res) => {
+					if (res.confirm) {
+						this.deleteRow(id)
+					}
+				}
+			})
+		},
+		async deleteRow(id) {
+			try {
+				await uni.$u.api.clueCommissionForm.remove([id])
+				uni.$u.toast('删除成功')
+				this.getList()
+			} catch (error) {
+				uni.$u.toast('删除失败，请稍后重试')
+			}
+		},
+		handleSubmit() {
+			this.$refs.commissionFormRef.validate(async (valid) => {
+				if (valid) {
+					// 显示加载状态
+					const loading = uni.showLoading({
+						title: this.commissionForm.id ? '编辑中...' : '新增中...',
+						mask: true
+					})
+
+					try {
+						if (this.commissionForm.id) {
+							await uni.$u.api.clueCommissionForm.update(this.commissionForm)
+							uni.$u.toast('编辑成功')
+						} else {
+							await uni.$u.api.clueCommissionForm.add(this.commissionForm)
+							uni.$u.toast('新增成功')
+						}
+						this.dialogVisible = false
+						this.getList()
+					} catch (error) {
+						uni.$u.toast('操作失败，请重试')
+					} finally {
+						uni.hideLoading(loading)
+					}
+				}
+			})
+		},
+		handleClose() {
+			this.dialogVisible = false
+			// 关闭对话框后重置表单
+			this.$nextTick(() => {
+				if (this.$refs.commissionFormRef) {
+					this.$refs.commissionFormRef.clearValidate()
+				}
+			})
+		},
+		handlePageChange(page) {
+			this.queryParams.pageNum = page
+			this.getList()
+		},
+		// 外部调用获取列表
+		getListByExternal() {
+			this.getList()
+		}
+	},
+	created() {
+		this.getList()
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.commission-form-list {
+	padding: 0 20px 20px;
+}
+
+.commission-header {
+	margin-bottom: 16px;
+}
+
+.card_list {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+
+.card_item {
+	background-color: #fff;
+	border-radius: 12px;
+	padding: 20px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.card_header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 16px;
+	padding-bottom: 12px;
+	border-bottom: 1px solid #f0f0f0;
+}
+
+.card_title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #202020;
+}
+
+.card_actions {
+	display: flex;
+	gap: 8px;
+}
+
+.card_body {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.info_row {
+	display: flex;
+	align-items: center;
+	font-size: 14px;
+}
+
+.info_label {
+	color: #666;
+	min-width: 80px;
+	font-weight: 500;
+}
+
+.info_value {
+	color: #202020;
+	flex: 1;
+	
+	&.highlight {
+		color: #108cff;
+		font-weight: bold;
+		font-size: 16px;
+	}
+}
+
+.loading_wrap,
+.empty_wrap {
+	padding: 40px 20px;
+	text-align: center;
+}
+
+.dialog_header {
+	padding: 20px;
+	font-size: 32rpx;
+	font-weight: bold;
+	text-align: center;
+	border-bottom: 1px solid #e9ecef;
+}
+
+.dialog_body {
+	padding: 20px;
+}
+
+.dialog_footer {
+	padding: 20px;
+	display: flex;
+	justify-content: space-around;
+	border-top: 1px solid #e9ecef;
+}
+</style>

pages/orderDetail/tabs/followRecord/index.vue

@@ -45,7 +45,6 @@
 </template>
 <script>
 	import {
-		groupBy,
 		isEmpty
 	} from "lodash";
 	export default {
@@ -60,11 +59,6 @@
 			type: {
 				type: String,
 				required: true
-				// '1' : 线索跟进
-				// '2' : 订单跟进(通过orderId)
-				// '3' : 订单跟进(通过clueId)
-				// '4' : 重复线索跟进
-				// 其他 : 重复订单跟进
 			}
 		},
 		data() {
@@ -95,9 +89,8 @@
 						clueId: this.clueId
 					});
 				} else if (this.type === '2') {
-					// 订单跟进(通过orderId)
 					data = await uni.$u.api.getOrderFollowList({
-						orderId: this.orderId
+						clueId: this.clueId
 					});
 				} else if (this.type === '3') {
 					// 订单跟进(通过clueId)
@@ -126,7 +119,6 @@
 						// 线索跟进和重复线索跟进使用deleteClueFollow
 						await uni.$u.api.deleteClueFollow([this.currentDeleteFollowId]);
 					} else {
-						// 订单跟进(通过orderId)、订单跟进(通过clueId)、重复订单跟进使用deleteOrderFollow
 						await uni.$u.api.deleteOrderFollow([this.currentDeleteFollowId]);
 					}
 					

pages/orderDetail/tabs/receiptFormList/receiptForm/index.vue

@@ -0,0 +1,454 @@
+<template>
+	<u-popup :show="visible" :mode="dialogMode" :width="dialogWidth" border-radius="16" @close="handleDialogClose">
+		<view class="receipt-form">
+			<view class="dialog_header">{{ dialogTitle }}</view>
+			<view class="dialog_body">
+				<view v-if="loading" class="loading_wrap">
+					<u-loading-icon text="加载中" textSize="18"></u-loading-icon>
+				</view>
+				<u-form :model="form" ref="receiptFormRef" label-width="100rpx" :label-style="labelStyle">
+					<!-- 第一行：最后修改时间、客服 -->
+					<u-row gutter="20">
+						<u-col span="12">
+							<u-form-item label="最后修改时间">
+								<u-input v-model="form.updateTime" disabled placeholder="最后修改时间" />
+							</u-form-item>
+						</u-col>
+						<u-col span="12">
+							<u-form-item label="客服" prop="customerServiceName">
+								<u-input v-model="form.customerServiceName" :disabled="!isEdit" placeholder="请输入客服姓名" />
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第二行：物品、类别 -->
+					<u-row gutter="20">
+						<u-col span="12">
+							<u-form-item label="物品" prop="item" :required="true">
+								<u-input v-model="form.item" :disabled="!isEdit" placeholder="请输入物品名称" />
+							</u-form-item>
+						</u-col>
+						<u-col span="12">
+							<u-form-item label="类别" prop="category" :required="true">
+								<ld-select 
+									:load="true"
+									dict-type="crm_form_category" 
+									v-model="form.category" 
+									:select-attributes="{
+										clearable: true,
+										disabled: !isEdit,
+										placeholder: '请选择类别'
+									}"
+								></ld-select>
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第三行：品牌、是否需要查码 -->
+					<u-row gutter="20">
+						<u-col span="12">
+							<u-form-item label="品牌" prop="brand">
+								<u-input v-model="form.brand" :disabled="!isEdit" placeholder="请输入品牌" />
+							</u-form-item>
+						</u-col>
+						<u-col span="12">
+							<u-form-item label="是否需要查码" prop="needCheckCode">
+								<u-select v-model="form.needCheckCode" :disabled="!isEdit" placeholder="请选择是否需要查码"
+									:list="needCheckCodeOptions"></u-select>
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第四行：编码、查码费 -->
+					<u-row gutter="20">
+						<u-col span="12">
+							<u-form-item label="编码" prop="code">
+								<u-input v-model="form.code" :disabled="form.needCheckCode !== 1 || !isEdit" placeholder="请输入编码" />
+							</u-form-item>
+						</u-col>
+						<u-col span="12">
+							<u-form-item label="查码费" prop="checkCodeFee">
+								<u-input v-model.number="form.checkCodeFee" :disabled="form.needCheckCode !== 1 || !isEdit" placeholder="请输入查码费" />
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第五行：表款、好处费、运费 -->
+					<u-row gutter="20">
+						<u-col span="8">
+							<u-form-item label="表款" prop="tableFee">
+								<u-input v-model.number="form.tableFee" :disabled="!isEdit" placeholder="请输入表款" />
+							</u-form-item>
+						</u-col>
+						<u-col span="8">
+							<u-form-item label="好处费" prop="benefitFee">
+								<u-input v-model.number="form.benefitFee" :disabled="!isEdit" placeholder="请输入好处费" />
+							</u-form-item>
+						</u-col>
+						<u-col span="8">
+							<u-form-item label="运费" prop="freight">
+								<u-input v-model.number="form.freight" :disabled="!isEdit" placeholder="请输入运费" />
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第六行：成本合计、卖价、业绩 -->
+					<u-row gutter="20">
+						<u-col span="8">
+							<u-form-item label="成本合计" prop="totalCost">
+								<u-input v-model.number="form.totalCost" disabled placeholder="自动计算成本合计" />
+							</u-form-item>
+						</u-col>
+						<u-col span="8">
+							<u-form-item label="卖价" prop="sellingPrice">
+								<u-input v-model.number="form.sellingPrice" :disabled="!isEdit" placeholder="请输入卖价" />
+							</u-form-item>
+						</u-col>
+						<u-col span="8">
+							<u-form-item label="业绩" prop="performance">
+								<u-input v-model.number="form.performance" disabled placeholder="自动计算业绩" />
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第七行：分单比例、维修金额、毛业绩 -->
+					<u-row gutter="20">
+						<u-col span="8">
+							<u-form-item label="分单比例" prop="splitRatio">
+								<u-input v-model="form.splitRatio" type="number" step="0.01" :disabled="!isEdit"
+									@blur="validateSplitRatio" placeholder="0-100" />
+							</u-form-item>
+						</u-col>
+						<u-col span="8">
+							<u-form-item label="维修金额" prop="repairAmount">
+								<u-input v-model.number="form.repairAmount" :disabled="!isEdit" placeholder="请输入维修金额" />
+							</u-form-item>
+						</u-col>
+						<u-col span="8">
+							<u-form-item label="毛业绩" prop="grossPerformance">
+								<u-input v-model.number="form.grossPerformance" :disabled="!canEditGrossPerformance"
+									placeholder="自动计算毛业绩" />
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第八行：快递单号、附件 -->
+					<u-row gutter="20">
+						<u-col span="12">
+							<u-form-item label="快递单号" prop="expressOrderNo">
+								<u-input v-model="form.expressOrderNo" :disabled="!isEdit" placeholder="请输入快递单号" />
+							</u-form-item>
+						</u-col>
+						<u-col span="12">
+							<u-form-item label="附件" prop="fileIds">
+								<u-select
+									v-model="fileIds"
+									:disabled="!isEdit"
+									placeholder="请选择附件"
+									multiple
+									:list="fileOptions"
+									:custom-label="handleShowLabel"
+									:custom-value="file => file.id"
+									:show-value="false"
+								></u-select>
+							</u-form-item>
+						</u-col>
+					</u-row>
+
+					<!-- 第九行：收单备注 -->
+					<u-row gutter="20">
+						<u-col span="24">
+							<u-form-item label="收单备注" prop="receiptRemark">
+								<u-textarea v-model="form.receiptRemark" :disabled="!isEdit" placeholder="请输入收单备注"
+									:maxlength="500" :show-word-limit="true" />
+							</u-form-item>
+						</u-col>
+					</u-row>
+				</u-form>
+			</view>
+
+			<view class="dialog_footer" v-if="canShowSaveButton">
+				<u-button @click="handleDialogClose">取消</u-button>
+				<u-button type="primary" @click="submitForm">保存</u-button>
+			</view>
+		</view>
+	</u-popup>
+</template>
+
+<script>
+import { cloneDeep } from 'lodash'
+import ldSelect from '@/components/ld-select/ld-select.vue'
+
+export default {
+	name: 'ReceiptForm',
+	components: {
+		ldSelect
+	},
+	props: {
+		receiptDetail: {
+			type: Object,
+			required: true
+		},
+		visible: {
+			type: Boolean,
+			default: false
+		},
+		dialogTitle: {
+			type: String,
+			default: '收单信息'
+		},
+		dialogWidth: {
+			type: String,
+			default: '860rpx'
+		},
+		dialogMode: {
+			type: String,
+			default: 'center'
+		}
+	},
+	data() {
+		return {
+			loading: false,
+			form: {},
+			fileOptions: [],
+			needCheckCodeOptions: [
+				{ label: '是', value: 1 },
+				{ label: '否', value: 2 }
+			],
+			labelStyle: {
+				fontSize: '28rpx',
+				color: '#606266'
+			},
+			// 表单验证规则
+			rules: {
+				item: [{ required: true, message: '请输入物品名称', trigger: 'blur' }],
+				category: [{ required: true, message: '请选择类别', trigger: 'change' }]
+			}
+		}
+	},
+	computed: {
+		fileIds: {
+			get() {
+				if (this.form.fileIds) {
+					return this.form.fileIds.split(',').filter(id => id)
+				} else {
+					return []
+				}
+			},
+			set(value) {
+				this.form.fileIds = value.join(',')
+			}
+		},
+		isEdit() {
+			return true
+		},
+		// 判断是否显示保存按钮：status=2时，只有接单人本人可以编辑
+		canShowSaveButton() {
+			const { status, identification } = this.receiptDetail
+			const currentUserId = this.$store.state.user.userId
+
+			// 如果status不是"2"，显示保存按钮
+			if (status !== '2') {
+				return true
+			}
+
+			// 如果status是"2"，只有接单人本人可以看到保存按钮
+			return String(identification) === String(currentUserId)
+		},
+		// 自动计算成本合计 = 表款 + 好处费 + 运费 + 查码费 + 维修金额
+		calculatedTotalCost() {
+			const { tableFee, benefitFee, freight, checkCodeFee, repairAmount } = this.form
+			return (
+				(tableFee || 0) +
+				(benefitFee || 0) +
+				(freight || 0) +
+				(checkCodeFee || 0) +
+				(repairAmount || 0)
+			)
+		},
+		// 自动计算业绩 = 卖价 - 成本合计
+		// 卖价为空时不计算，避免出现负数业绩
+		calculatedPerformance() {
+			const { sellingPrice } = this.form
+			// 卖价为空或为0时，不计算业绩
+			if (!sellingPrice || sellingPrice <= 0) {
+				return null
+			}
+			return sellingPrice - this.calculatedTotalCost
+		},
+		// 自动计算毛业绩 = 业绩 × 分单比例（仅当两者都不为空时）
+		// 智能判断：<=1直接乘，>1先除以100再乘
+		// 四舍五入保留两位小数
+		calculatedGrossPerformance() {
+			const { splitRatio } = this.form
+			if (this.calculatedPerformance && splitRatio) {
+				// 智能判断：<=1直接乘，>1先除以100再乘
+				const ratio = splitRatio <= 1 ? splitRatio : splitRatio / 100
+				const result = this.calculatedPerformance * ratio
+				// 四舍五入保留两位小数
+				return Math.round(result * 100) / 100
+			}
+			return null
+		},
+		// 毛业绩是否可编辑：业绩不为空 且 比例为空
+		canEditGrossPerformance() {
+			return this.calculatedPerformance && !this.form.splitRatio && this.isEdit
+		}
+	},
+	watch: {
+		// 监听成本合计变化，自动更新form
+		calculatedTotalCost(val) {
+			this.form.totalCost = val
+		},
+		// 监听业绩业绩变化，自动更新form
+		calculatedPerformance(val) {
+			this.form.performance = val
+		},
+		// 监听毛业绩变化，仅当比例不为空时自动更新form
+		calculatedGrossPerformance(val) {
+			if (this.form.splitRatio && val !== null) {
+				this.form.grossPerformance = val
+			}
+		},
+		visible: {
+			handler(val) {
+				if (val) {
+					this.initForm()
+					this.fetchFileOptions()
+				}
+			},
+			immediate: true
+		}
+	},
+	methods: {
+		handleShowLabel(file) {
+			// 获取文件在fileIds数组中的索引，如果存在则显示序号
+			const index = this.fileIds.indexOf(file.id.toString())
+			let label = ''
+			if (index !== -1) {
+				label = `[${index + 1}] `
+			}
+			label += file.fileName + (file.remark ? '(' + file.remark + ')' : '')
+			if (file.receiptFormId !== null && file.receiptFormId !== this.form.id) {
+				label += '-已绑定' + file.item
+			}
+			return label
+		},
+		initForm() {
+			// 克隆父组件传递的驼峰格式数据到form
+			const form = cloneDeep(this.receiptDetail)
+			this.form = form
+		},
+		// 获取附件选项列表
+		async fetchFileOptions() {
+			try {
+				const params = {
+					clueId: this.receiptDetail.clueId,
+					sourceId: this.receiptDetail.sendFormId,
+					notBound: '1',
+					orderFileType: '3',
+					type: '2'
+				}
+				const response = await uni.$u.api.selectClueFileByDto(params)
+				this.fileOptions = response.rows || []
+			} catch (error) {
+				console.error('获取附件列表失败:', error)
+				uni.$u.toast('获取附件列表失败')
+			}
+		},
+		// 分单比例验证：非空时范围必须在0-100之间
+		validateSplitRatio() {
+			const { splitRatio } = this.form
+			if (splitRatio === null || splitRatio === undefined || splitRatio === '') {
+				return // 允许为空
+			}
+			// 范围验证：0-100
+			if (splitRatio < 0) {
+				uni.$u.toast('分单比例不能小于0')
+				this.form.splitRatio = 0
+			} else if (splitRatio > 100) {
+				uni.$u.toast('分单比例不能大于100')
+				this.form.splitRatio = 100
+			}
+		},
+		// 提交表单
+		submitForm() {
+			this.$refs.receiptFormRef.validate(async (valid) => {
+				if (valid) {
+					await this.handleUpdate()
+				} else {
+					uni.$u.toast('请检查表单填写是否正确')
+					return false
+				}
+			})
+		},
+		// 在提交表单前，将数组形式的fileIds转换为逗号分隔的字符串
+		async handleUpdate() {
+			this.loading = true
+			try {
+				if (this.form.id) {
+					await uni.$u.api.updateReceiptForm(this.form)
+					uni.$u.toast('修改成功')
+				} else {
+					await uni.$u.api.addReceiptForm(this.form)
+					uni.$u.toast('新增成功')
+				}
+				this.handleDialogClose()
+				this.$emit('updateSuccess')
+			} catch (error) {
+				uni.$u.toast('修改失败，请重试')
+			} finally {
+				this.loading = false
+			}
+		},
+		// 处理对话框关闭
+		handleDialogClose() {
+			this.$emit('update:visible', false)
+			this.$emit('dialogClosed')
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.receipt-form {
+	max-width: 100%;
+}
+
+.dialog_header {
+	padding: 20px;
+	font-size: 32rpx;
+	font-weight: bold;
+	text-align: center;
+	border-bottom: 1px solid #e9ecef;
+}
+
+.dialog_body {
+	padding: 20px;
+	max-height: 70vh;
+	overflow-y: auto;
+}
+
+.dialog_footer {
+	padding: 20px;
+	display: flex;
+	justify-content: space-around;
+	border-top: 1px solid #e9ecef;
+}
+
+.loading_wrap {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 200px;
+}
+
+.u-form-item {
+	margin-bottom: 20px;
+}
+
+.u-textarea {
+	border-radius: 8px;
+	border: 1px solid #dcdfe6;
+}
+</style>

pages/orderDetail/tabs/receiptFormList/receiptFormList.vue

@@ -0,0 +1,302 @@
+<template>
+	<view class="receipt-form-list">
+		<!-- 头部按钮组 -->
+		<view class="receipt-form-header">
+			<u-button type="primary" size="mini" icon="plus" @click="handleAdd">新增收单信息</u-button>
+			<u-button type="primary" size="mini" icon="share" @click="handleTransfer">去小葫芦线上支付</u-button>
+		</view>
+
+		<!-- 收单信息卡片列表 -->
+		<view v-if="loading" class="loading_wrap">
+			<u-loading-icon text="加载中" textSize="18"></u-loading-icon>
+		</view>
+		<view v-else-if="receiptFormList.length === 0" class="empty_wrap">
+			<u-empty text="暂无收单数据"></u-empty>
+		</view>
+		<view v-else class="card_list">
+			<view class="card_item" v-for="(row, index) in receiptFormList" :key="row.id">
+				<view class="card_header">
+					<view class="card_title">{{ row.item || '-' }}</view>
+					<view class="card_actions">
+						<u-button size="mini" type="text" @click="handleUpdate(row)">详情</u-button>
+						<u-button size="mini" type="text" @click="handleDelete(row)" style="color: #f56c6c">删除</u-button>
+					</view>
+				</view>
+				<view class="card_body">
+					<view class="info_row">
+						<view class="info_label">品牌:</view>
+						<view class="info_value">{{ row.brand || '-' }}</view>
+					</view>
+					<view class="info_row">
+						<view class="info_label">分单比例:</view>
+						<view class="info_value">{{ row.splitRatio || '-' }}</view>
+					</view>
+					<view class="info_row">
+						<view class="info_label">卖价:</view>
+						<view class="info_value">￥{{ formatPrice(row.sellingPrice) }}</view>
+					</view>
+					<view class="info_row">
+						<view class="info_label">业绩:</view>
+						<view class="info_value highlight">￥{{ formatPrice(row.performance) }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 收单表单对话框 -->
+		<u-popup v-model="dialogVisible" mode="center" :width="dialogWidth" border-radius="16">
+			<view class="dialog_header">{{ dialogTitle }}</view>
+			<view class="dialog_body">
+				<receiptForm
+					:receipt-detail="form"
+					:send-form-id="sendFormId"
+					:clue-id="clueId"
+					@update-success="handleUpdateSuccess"
+				></receiptForm>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+import receiptForm from './receiptForm/index.vue'
+
+export default {
+	name: 'ReceiptFormList',
+	components: {
+		receiptForm
+	},
+	props: {
+		receiptDetail: {
+			type: Object,
+			default: () => {}
+		},
+		sendFormId: {
+			type: [Number, String],
+			required: true
+		},
+		clueId: {
+			type: [Number, String],
+			required: true
+		}
+	},
+	data() {
+		return {
+			// 对话框控制
+			dialogVisible: false,
+			dialogTitle: '收单信息',
+			dialogWidth: '860rpx',
+
+			// 遮罩层
+			loading: false,
+			// 收单信息列表
+			receiptFormList: [],
+			// 表单参数
+			form: {}
+		}
+	},
+	methods: {
+		/** 查询收单信息列表 */
+		async getList() {
+			this.loading = true
+			try {
+				const response = await uni.$u.api.listReceiptFormByOrderId(this.sendFormId)
+				this.receiptFormList = response.data || []
+			} catch (error) {
+				uni.$u.toast(`获取列表失败：${error.message}`)
+				this.receiptFormList = []
+			} finally {
+				this.loading = false
+			}
+		},
+
+		// 格式化价格
+		formatPrice(price) {
+			if (!price && price !== 0) return '-'
+			return Number(price).toFixed(2)
+		},
+
+		/** 去小葫芦线上支付按钮操作 */
+		async handleTransfer() {
+			try {
+				const response = await uni.$u.api.saveOrderFileAndTransfer({
+					id: this.sendFormId,
+					clueId: this.clueId
+				})
+				uni.$u.toast(response.msg || '支付成功')
+			} catch (error) {
+				uni.$u.toast(`支付失败：${error.message}`)
+			}
+		},
+
+		/** 新增按钮操作 */
+		handleAdd() {
+			this.reset()
+			this.dialogTitle = '新增收单信息'
+			this.dialogVisible = true
+		},
+
+		/** 修改按钮操作 */
+		async handleUpdate(row) {
+			this.reset()
+			try {
+				const response = await uni.$u.api.getReceiptForm(row.id)
+				this.form = response.data
+				this.dialogTitle = '修改收单信息'
+				this.dialogVisible = true
+			} catch (error) {
+				uni.$u.toast(`获取详情失败：${error.message}`)
+			}
+		},
+
+		// 处理更新成功事件
+		handleUpdateSuccess() {
+			this.dialogVisible = false
+			this.getList()
+		},
+
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			uni.showModal({
+				title: '警告',
+				content: '是否确认删除收单信息？',
+				success: (res) => {
+					if (res.confirm) {
+						this.deleteRow(row.id)
+					}
+				}
+			})
+		},
+
+		async deleteRow(id) {
+			try {
+				await uni.$u.api.delReceiptForm(id)
+				uni.$u.toast('删除成功')
+				this.getList()
+			} catch (error) {
+				uni.$u.toast(`删除失败：${error.message}`)
+			}
+		},
+
+		/** 表单重置 */
+		reset() {
+			this.form = Object.assign({
+				id: undefined,
+				sendFormId: this.sendFormId,
+				clueId: this.clueId,
+				item: '',
+				brand: '',
+				needCheckCode: 1,
+				code: '',
+				tableFee: undefined,
+				benefitFee: undefined,
+				freight: undefined,
+				checkCodeFee: undefined,
+				totalCost: undefined,
+				sellingPrice: undefined,
+				performance: undefined,
+				receiptRemark: '',
+				repairAmount: undefined,
+				grossPerformance: undefined,
+				expressOrderNo: '',
+				fileIds: ''
+			}, this.receiptDetail)
+		}
+	},
+	created() {
+		this.getList()
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.receipt-form-list {
+	padding: 0 20px 20px;
+}
+
+.receipt-form-header {
+	margin-bottom: 16px;
+	display: flex;
+	gap: 10px;
+}
+
+.card_list {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+
+.card_item {
+	background-color: #fff;
+	border-radius: 12px;
+	padding: 20px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.card_header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 16px;
+	padding-bottom: 12px;
+	border-bottom: 1px solid #f0f0f0;
+}
+
+.card_title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #202020;
+}
+
+.card_actions {
+	display: flex;
+	gap: 8px;
+}
+
+.card_body {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.info_row {
+	display: flex;
+	align-items: center;
+	font-size: 14px;
+}
+
+.info_label {
+	color: #666;
+	min-width: 80px;
+	font-weight: 500;
+}
+
+.info_value {
+	color: #202020;
+	flex: 1;
+	
+	&.highlight {
+		color: #f56c6c;
+		font-weight: bold;
+		font-size: 16px;
+	}
+}
+
+.loading_wrap,
+.empty_wrap {
+	padding: 40px 20px;
+	text-align: center;
+}
+
+.dialog_header {
+	padding: 20px;
+	font-size: 16px;
+	font-weight: bold;
+	text-align: center;
+	border-bottom: 1px solid #e9ecef;
+}
+
+.dialog_body {
+	padding: 0;
+}
+</style>

pages/orderDetail/tabs/uploadFile/index.vue

@@ -0,0 +1,408 @@
+<template>
+	<view class="uploadFile_wrap">
+		<!-- 上传按钮 -->
+		<view class="upload_btn_wrap" @click="handleUpload">
+			<view class="upload_btn_content">
+				<view class="upload_icon">
+					<u-icon name="plus-circle" size="24" color="#fff"></u-icon>
+				</view>
+				<text class="upload_text">上传文件</text>
+			</view>
+		</view>
+
+		<!-- 文件列表分类展示 -->
+		<view class="fileList_wrap" v-if="!loading && dataList.length > 0">
+			<view class="file_item_wrap" v-if="imgList.length > 0">
+				<view class="item_title">图片文件:</view>
+				<mk-upload 
+					:imgList="imgList" 
+					@onDelete="handleDelFile" 
+					:controlShow="false" 
+					type="image"
+					@onPreviewTake="handlePreviewImage"
+				></mk-upload>
+			</view>
+			<view class="file_item_wrap" v-if="recordList.length > 0">
+				<view class="item_title">录音文件:</view>
+				<mk-upload 
+					:imgList="recordList" 
+					@onDelete="handleDelFile" 
+					:controlShow="false" 
+					type="record" 
+					@onPreviewTake="handlePreviewRecord"
+				></mk-upload>
+			</view>
+			<view class="file_item_wrap" v-if="videoList.length > 0">
+				<view class="item_title">视频文件:</view>
+				<mk-upload 
+					:imgList="videoList" 
+					@onDelete="handleDelFile" 
+					:controlShow="false" 
+					type="video"
+					@onPreviewTake="handlePreviewVideo"
+				></mk-upload>
+			</view>
+			<view class="file_item_wrap" v-if="otherList.length > 0">
+				<view class="item_title">其他文件:</view>
+				<mk-upload 
+					:imgList="otherList" 
+					@onDelete="handleDelFile" 
+					:controlShow="false" 
+					type="file"
+					@onPreviewTake="handlePreviewFile"
+				></mk-upload>
+			</view>
+		</view>
+
+		<!-- 加载状态 -->
+		<view v-if="loading" class="loading_wrap">
+			<u-loading-icon text="加载中" textSize="18"></u-loading-icon>
+		</view>
+
+		<!-- 空状态 -->
+		<view v-else-if="dataList.length === 0" class="empty_wrap">
+			<u-empty text="暂无文件数据"></u-empty>
+		</view>
+
+		<!-- 图片预览 -->
+		<u-image
+			ref="previewImg"
+			:src="previewImageSrc"
+			mode="widthFix"
+			v-if="previewImageSrc"
+			@click="previewImageSrc = ''"
+		></u-image>
+
+		<!-- 文件预览模态框 -->
+		<u-modal :show="showFileModal" :title="currentFile.fileName" @confirm="handleFileConfirm">
+			<view v-if="currentFile && currentFile.fileUrl" class="currentFile_wrap">
+				<audio 
+					style="text-align: left" 
+					:src="currentFile.fileUrl" 
+					:name="'点击播放'" 
+					controls
+					v-if="['wav','mp3','aac','wma'].includes(currentFile.fileSuffix)"
+				></audio>
+				<video 
+					:src="currentFile.fileUrl" 
+					mode="" 
+					class="currentFile_image" 
+					v-else-if="showFileModal" 
+					show-fullscreen-btn
+				></video>
+			</view>
+			<view v-else>
+				文件异常
+			</view>
+		</u-modal>
+
+		<!-- 编辑对话框 -->
+		<u-popup v-model="dialogVisible" mode="center" width="500rpx" border-radius="16">
+			<view class="dialog_header">{{ dialogTitle }}</view>
+			<view class="dialog_body">
+				<u-form :model="fileForm" ref="fileFormRef" label-width="100px">
+					<u-form-item label="文件名称" prop="fileName">
+						<u-input v-model="fileForm.fileName" placeholder="请输入文件名称" />
+					</u-form-item>
+					<u-form-item label="备注" prop="remark">
+						<u-input v-model="fileForm.remark" type="textarea" placeholder="请输入备注信息" />
+					</u-form-item>
+				</u-form>
+			</view>
+			<view class="dialog_footer">
+				<u-button @click="handleClose">取消</u-button>
+				<u-button type="primary" @click="handleEditSubmit">确定</u-button>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+import mkUpload from "@/components/mk-upload/mk-upload.vue"
+import upload from '@/mixins/upload';
+export default {
+	name: 'UploadFile',
+	mixins : [upload],
+	components: {
+		mkUpload
+	},
+	props: {
+		clueId: { type: [String, Number], required: true },
+		sourceId: { type: [String, Number], default: '' },
+		type: { type: String, required: true },
+		orderFileType: { type: String, default: '' },
+		isDuplicate: { type: String, default: '2' }
+	},
+	computed: {
+		imgList() {
+			return this.dataList.filter(v => ['png','gif','bmp','jpg','jpeg','webp'].includes((v.fileSuffix || '').toLowerCase()));
+		},
+		recordList() {
+			return this.dataList.filter(v => ['wav','mp3','aac','wma'].includes((v.fileSuffix || '').toLowerCase()));
+		},
+		videoList() {
+			return this.dataList.filter(v => ['avi','mkv','mov','wmv','mp4'].includes((v.fileSuffix || '').toLowerCase()));
+		},
+		otherList() {
+			const list = this.imgList.concat(this.recordList).concat(this.videoList);
+			return this.dataList.filter(v => !list.some(j => j.id === v.id));
+		}
+	},
+	data() {
+		return {
+			loading: false,
+			dataList: [],
+			previewImageSrc: '',
+			showFileModal: false,
+			currentFile: {},
+			// 编辑对话框相关
+			dialogVisible: false,
+			dialogTitle: '编辑文件',
+			fileForm: {
+				id: null,
+				fileName: '',
+				remark: ''
+			}
+		}
+	},
+	methods: {
+		async handleUploadSuccess(){
+			await uni.$u.api.saveClueFile({
+				clueId : this.clueId,
+				list : this.uploadList,
+				sourceId: this.sourceId,
+				type : this.type,
+				orderFileType : this.orderFileType
+			});
+			uni.$u.toast("上传成功");
+			// 清空
+			this.uploadList = [];
+			this.getList();
+		},
+		// 获取文件列表
+		async getList() {
+			// 检查必要参数是否存在
+			if (!this.clueId) {
+				return;
+			}
+			this.loading = true
+			try {
+				const params = {
+					clueId: this.clueId,
+					sourceId: this.sourceId,
+					type: this.type,
+					orderFileType: this.orderFileType,
+					isDuplicate: this.isDuplicate,
+					pageNum: 1,
+					pageSize: 1000 // 设置一个较大的值以获取所有数据
+				}
+				const response = await uni.$u.api.selectClueFileByDto(params)
+				this.dataList = response.rows || []
+			} catch (error) {
+				uni.$u.toast(`获取列表失败：${error.message}`)
+				this.dataList = []
+			} finally {
+				this.loading = false
+			}
+		},
+
+		// 删除文件
+		async handleDelFile(item) {
+			try {
+				await uni.$u.api.deleteClueFile([item.id])
+				uni.$u.toast('删除成功')
+				this.getList()
+			} catch (error) {
+				uni.$u.toast(`删除失败：${error.message}`)
+			}
+		},
+
+		// 预览图片
+		handlePreviewImage(item) {
+			const imgList = this.imgList.map(v => v.fileUrl);
+			const currentIndex = imgList.findIndex(url => url === item.fileUrl);
+			uni.previewImage({
+				current: currentIndex >= 0 ? currentIndex : 0,
+				urls: imgList
+			});
+		},
+
+		// 预览录音
+		handlePreviewRecord(item) {
+			this.currentFile = item;
+			this.showFileModal = true;
+		},
+
+		// 预览视频
+		handlePreviewVideo(item) {
+			this.currentFile = item;
+			this.showFileModal = true;
+		},
+
+		// 预览其他文件
+		handlePreviewFile(item) {
+			uni.$u.toast("其他文件不支持预览，可前往网页端查看");
+		},
+
+		// 关闭文件预览
+		handleFileConfirm() {
+			this.showFileModal = false;
+		},
+
+		// 编辑文件
+		handleEdit(row) {
+			this.dialogTitle = '编辑文件'
+			this.fileForm = {
+				id: row.id,
+				fileName: row.fileName,
+				remark: row.remark
+			}
+			this.dialogVisible = true
+		},
+
+		// 提交编辑表单
+		async handleEditSubmit() {
+			try {
+				await uni.$u.api.updateClueFile(this.fileForm)
+				uni.$u.toast('编辑成功')
+				this.dialogVisible = false
+				this.getList()
+			} catch (error) {
+				uni.$u.toast(`编辑失败：${error.message}`)
+			}
+		},
+
+		// 关闭对话框
+		handleClose() {
+			this.dialogVisible = false
+			this.fileForm = {
+				id: null,
+				fileName: '',
+				remark: ''
+			}
+		}
+	},
+	created() {
+		this.getList();
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.uploadFile_wrap {
+	padding: 0 20px 20px;
+}
+
+.upload_btn_wrap {
+	margin-top: 10px;
+	margin-bottom: 10px;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	border-radius: 12px;
+	padding: 16px 20px;
+	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
+	transition: all 0.3s ease;
+	position: relative;
+	overflow: hidden;
+}
+
+.upload_btn_wrap::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: -100%;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+	transition: left 0.5s;
+}
+
+.upload_btn_wrap:active::before {
+	left: 100%;
+}
+
+.upload_btn_wrap:active {
+	transform: scale(0.98);
+	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
+}
+
+.upload_btn_content {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 8px;
+	position: relative;
+	z-index: 1;
+}
+
+.upload_icon {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 50%;
+	backdrop-filter: blur(10px);
+}
+
+.upload_text {
+	color: #fff;
+	font-size: 16px;
+	font-weight: 600;
+	letter-spacing: 0.5px;
+}
+
+.fileList_wrap {
+	padding: 0;
+	color: #666666;
+	font-size: 24rpx;
+	
+	.file_item_wrap {
+		margin-bottom: 20px;
+		
+		.item_title {
+			margin-bottom: 10px;
+			font-weight: bold;
+			font-size: 16px;
+			color: #202020;
+		}
+	}
+}
+
+.currentFile_wrap {
+	.file_audio {
+		height: 60px;
+		width: 100%;
+	}
+
+	.currentFile_image {
+		height: 42vh;
+		object-fit: contain;
+	}
+}
+
+.loading_wrap,
+.empty_wrap {
+	padding: 40px 20px;
+	text-align: center;
+}
+
+.dialog_header {
+	padding: 20px;
+	font-size: 16px;
+	font-weight: bold;
+	text-align: center;
+	border-bottom: 1px solid #e9ecef;
+}
+
+.dialog_body {
+	padding: 20px;
+}
+
+.dialog_footer {
+	padding: 20px;
+	display: flex;
+	justify-content: space-around;
+	border-top: 1px solid #e9ecef;
+}
+</style>

pages/orderForm/index.vue

@@ -63,22 +63,22 @@
 		<!-- 文件上传区域 -->
 		<view class="upload_area">
 			<!-- 聊天记录附件 -->
-			<order-file-upload title="聊天记录附件" file-type="1" :file-list="form.chatAttachmentList"
+			<order-file-upload title="聊天记录附件" orderFileType="1" :file-list="form.chatAttachmentList"
 				@update:fileList="updateChatFiles" 
 				tip-text="上传聊天截图、录音等文件"></order-file-upload>
 
 			<!-- 报价附件 -->
-			<order-file-upload title="报价附件" file-type="2" :file-list="form.quoteAttachmentList"
+			<order-file-upload title="报价附件" orderFileType="2" :file-list="form.quoteAttachmentList"
 				@update:fileList="updateQuoteFiles" 
 				tip-text="上传报价附件"></order-file-upload>
 
 			<!-- 高清图附件 -->
-			<order-file-upload title="高清图附件" file-type="3" :file-list="form.hdImageAttachmentList"
+			<order-file-upload title="高清图附件" orderFileType="3" :file-list="form.hdImageAttachmentList"
 				@update:fileList="updateHdImageFiles" 
 				tip-text="上传物品高清图片"></order-file-upload>
 
 			<!-- 其他附件 -->
-			<order-file-upload title="其他附件" file-type="4" :file-list="form.otherAttachmentList"
+			<order-file-upload title="其他附件" orderFileType="4" :file-list="form.otherAttachmentList"
 				@update:fileList="updateOtherFiles" 
 				tip-text="上传其他相关文件"></order-file-upload>
 		</view>

utils/api.js

@@ -89,9 +89,14 @@ const install = (Vue, vm) => {
 		getDuplicateOrderFollowListByClueId:(params = {},config = {})=>http.get(store.state.user.path + '/orderFollow/getDuplicateOrderFollowListByClueId',{ params }),
 		deleteOrderFollow:(data,config={})=>http.post(store.state.user.path + '/orderFollow/deleteOrderFollow',data),
 		getOrderFollowList:(params = {},config = {})=>http.get(store.state.user.path + '/orderFollow/getOrderFollowList',{ params }),
-		getDuplicateClueFollowByClueId:(params = {},config = {})=>http.get(store.state.user.path + '/clueFollow/getDuplicateClueFollowByClueId',{ params }),
 		
 		selectCommissionList:(params={},data={})=>http.post(store.state.user.path + '/clueCommissionForm/list?' + qs.stringify(params),data),
+		getClueSendFormVoByOrderId:(params = {},config = {})=>http.get(store.state.user.path + '/clueSendForm/getClueSendFormVoByOrderId',{ params }),
+		// 跟进记录相关接口
+		getDuplicateClueFollowByClueId:(params,config={})=>http.get(store.state.user.path + '/clueFollow/getDuplicateClueFollowByClueId',{params,...config}),
+		// 文件相关接口
+		selectClueFileByDto:(data,config={})=>http.post(store.state.user.path + '/clueFile/selectClueFileByDto',data,config),
+		updateClueFile:(data,config={})=>http.put(store.state.user.path + '/clueFile/updateClueFile',data),
 	}
 }