收单分成

components/ba-tree-picker/ba-tree-picker.vue

@@ -267,7 +267,8 @@
 				if (parentItem) {
 					nextIndex = this.treeList.findIndex(item => item.id === parentItem.id) + 1;
 					parentId = parentItem.id;
-					initCheckStatus = parentItem.checkStatus == 2 ? 2 : 0;
+					// 当selectParent为false时，父节点状态不影响子节点
+				initCheckStatus = this.selectParent && parentItem.checkStatus == 2 ? 2 : 0;
 				}
 				list.forEach(item => {
 					let isLastLevel = true;
@@ -297,11 +298,14 @@
 					};
 					
 					if (this.selectedData.indexOf(itemT.id) >= 0) {
+					// 当selectParent为false时，只有叶子节点可以被初始选中
+					if (this.selectParent || itemT.isLastLevel) {
 						itemT.checkStatus = 2;
 						itemT.orCheckStatus = 2;
 						itemT.childCheckCount = itemT.children ? itemT.children.length : 0;
 						this._onItemParentSelect(itemT, nextIndex);
 					}
+				}
 
 					this.treeList.splice(nextIndex, 0, itemT);
 					nextIndex++;
@@ -347,6 +351,11 @@
 			},
 			// 节点选中、取消选中
 			_onItemSelect(item, index) {
+				// 当selectParent为false时，只允许选择叶子节点
+				if (!this.selectParent && !item.isLastLevel) {
+					return;
+				}
+				
 				// if(item.Pchildren !== void 0 && item.Pchildren.length > 0) return;
 				//console.log('_onItemSelect')
 				//console.log(item)
@@ -387,7 +396,9 @@
 						break;
 				}
 				//子节点 全部选中
-				this._onItemChildSelect(item, index);
+				if (this.selectParent) {
+					this._onItemChildSelect(item, index);
+				}
 				//父节点 选中状态变化
 				this._onItemParentSelect(item, index, oldCheckStatus);
 			},

pages.json

@@ -223,6 +223,15 @@
 				"navigationBarBackgroundColor": "#108cff",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/commissionForm/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#108cff",
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"globalStyle": {

pages/commissionForm/index.vue

@@ -0,0 +1,261 @@
+<template>
+  <view class="commission-form-page">
+    <u-navbar
+      placeholder
+      :autoBack="true"
+      :title="pageTitle"
+      @rightClick="submitForm"
+    >
+      <view class="u-nav-slot" slot="right"> 保存 </view>
+    </u-navbar>
+
+    <!-- 表单内容 -->
+    <view class="follow_form_wrap">
+      <u--form
+          labelPosition="left"
+          labelWidth="130"
+          :model="commissionForm"
+          :rules="rules"
+          ref="commissionFormRef"
+          class="form_wrap"
+          :errorType="'toast'"
+        >
+        <u-form-item label="账户类型" prop="accountType" borderBottom :required="true">
+          <ld-select
+            :list="accountTypeOptions"
+            label-key="label"
+            value-key="value"
+            placeholder="请选择账户类型"
+            v-model="commissionForm.accountType"
+            :border="false"
+          ></ld-select>
+          <u-icon slot="right" name="arrow-right"></u-icon>
+        </u-form-item>
+
+        <u-form-item label="分成人" prop="userName" borderBottom :required="true" @click="handleShowCommissionUser">
+          <u--input
+            v-model="commissionForm.userName"
+            disabled style='pointer-events: none !important'
+            disabledColor="#ffffff"
+            placeholder="点击选择"
+            border="none"
+          ></u--input>
+          <u-icon slot="right" name="arrow-right"></u-icon>
+        </u-form-item>
+
+        <u-form-item label="分成比例(%)" prop="commissionRate" borderBottom :required="true">
+          <u--input
+            v-model.number="commissionForm.commissionRate"
+            type="number"
+            placeholder="请输入分成比例(0-100)"
+            border="none"
+            @blur="validateCommissionRate"
+          ></u--input>
+        </u-form-item>
+
+        <u-form-item label="是否归属公司业绩" prop="isCompanyPerformance" borderBottom :required="true">
+          <ld-select
+            :list="companyPerformanceOptions"
+            label-key="label"
+            value-key="value"
+            placeholder="请选择是否归属公司业绩"
+            v-model="commissionForm.isCompanyPerformance"
+            :border="false"
+          ></ld-select>
+          <u-icon slot="right" name="arrow-right"></u-icon>
+        </u-form-item>
+
+        <u-form-item label="关联收单信息" prop="receiptFormId" borderBottom :required="true">
+          <ld-select
+            :list="receiptList"
+            label-key="item"
+            value-key="id"
+            placeholder="请选择收单信息"
+            v-model="commissionForm.receiptFormId"
+            :border="false"
+          ></ld-select>
+          <u-icon slot="right" name="arrow-right"></u-icon>
+        </u-form-item>
+      </u--form>
+    </view>
+
+    <!-- 分成人选择器 -->
+    <ba-tree-picker :selectParent="false" v-if="commissionUserList.length > 0" ref="commissionUser" :multiple='false'
+      @select-change="commissionUserSelectChange" border title="分成人" :localdata="commissionUserList" valueKey="id" textKey="label"
+      childrenKey="children" :selectedValues="commissionForm.userId" :personNames="commissionForm.userName" />
+  </view>
+</template>
+
+<script>
+import ldSelect from "@/components/ld-select/ld-select.vue";
+import { filterCustomerManager, handleTree } from '@/utils/util';
+
+export default {
+  name: "CommissionForm",
+  components: {
+    ldSelect
+  },
+  data() {
+    return {
+      loading: false,
+      commissionForm: {
+        id: undefined,
+        sendFormId: '',
+        clueId: '',
+        receiptFormId: '',
+        accountType: '1',
+        userName: '',
+        userId: '',
+        commissionRate: undefined,
+        isCompanyPerformance: '1'
+      },
+      receiptList: [],
+      commissionUserList: [],
+      accountTypeOptions: [
+        { label: "前端", value: "1" },
+        { label: "后端", value: "2" }
+      ],
+      companyPerformanceOptions: [
+        { label: "是", value: "1" },
+        { label: "否", value: "2" }
+      ],
+      // 表单验证规则
+      rules: {
+        accountType: [{ required: true, message: "请选择账户类型", trigger: "change" }],
+        userName: [{ required: true, message: "请选择分成人", trigger: "blur" }],
+        commissionRate: [
+          {
+            validator: (rule, value, callback) => {
+              if (value === undefined || value === null || value === '') {
+                callback(new Error("请输入分成比例"));
+              } else {
+                callback();
+              }
+            },
+            trigger: "blur"
+          },
+          { type: 'number', min: 0, max: 100, message: '分成比例必须在0-100之间', trigger: "blur" }
+        ],
+        isCompanyPerformance: [{ required: true, message: "请选择是否归属公司业绩", trigger: "change" }],
+        receiptFormId: [{ required: true, message: "请选择关联收单信息", trigger: "change" }]
+      },
+    };
+  },
+  computed: {
+    pageTitle() {
+      return this.commissionForm.id ? "编辑分成" : "新增分成";
+    },
+  },
+  onLoad(options) {
+    // 从路由参数获取sendFormId和clueId
+    this.commissionForm.sendFormId = options.sendFormId;
+    this.commissionForm.clueId = options.clueId;
+    this.commissionForm.id = options.id;
+    
+    // 获取分成人列表
+    this.getCommissionUserList();
+    
+    this.fetchReceiptList().then(() => {
+      if (options.id) {
+        this.initForm(options.id);
+      }
+    });
+  },
+  methods: {
+    // 获取分成人列表
+    getCommissionUserList() {
+      // 获取人员列表
+      uni.$u.api.getCustomerManagerAllList().then(res => {
+        this.commissionUserList = filterCustomerManager(res.data);
+      });
+    },
+    // 显示分成人选择器
+    handleShowCommissionUser() {
+      this.$refs.commissionUser._show();
+    },
+    // 分成人选择变化
+    commissionUserSelectChange(ids, names) {
+      this.commissionForm.userId = ids[0];
+      this.commissionForm.userName = names[0];
+    },
+    // 获取收单列表
+    async fetchReceiptList() {
+      try {
+        const res = await uni.$u.api.clueReceiptFormListByOrderId(this.commissionForm.sendFormId);
+        this.receiptList = res.data || [];
+      } catch (error) {
+        console.error("获取收单列表失败:", error);
+        uni.$u.toast("获取收单列表失败");
+      }
+    },
+    // 初始化表单数据
+    async initForm(id) {
+      try {
+        const res = await uni.$u.api.clueCommissionById(id);
+        this.commissionForm = res.data;
+      } catch (error) {
+        console.error("获取分成详情失败:", error);
+        uni.$u.toast("获取分成详情失败");
+      }
+    },
+    // 分成比例验证
+    validateCommissionRate() {
+      const { commissionRate } = this.commissionForm;
+      if (!commissionRate && commissionRate !== 0) return;
+      
+      const rate = Number(commissionRate);
+      if (rate < 0) {
+        uni.$u.toast("分成比例不能小于0");
+        this.commissionForm.commissionRate = 0;
+      } else if (rate > 100) {
+        uni.$u.toast("分成比例不能大于100");
+        this.commissionForm.commissionRate = 100;
+      }
+    },
+    // 提交表单
+    submitForm() {
+      this.$refs.commissionFormRef.validate().then(async (valid) => {
+        if (valid) {
+          await this.handleUpdate();
+        } else {
+          uni.$u.toast("请检查表单填写是否正确");
+        }
+      });
+    },
+    // 更新表单
+    async handleUpdate() {
+      try {
+        this.loading = true;
+
+        // 根据是否有id判断是新增还是修改
+        if (this.commissionForm.id) {
+          // 修改
+          await uni.$u.api.clueCommissionUpdate(this.commissionForm);
+          uni.$u.toast("修改成功");
+        } else {
+          // 新增
+          await uni.$u.api.clueCommissionAdd(this.commissionForm);
+          uni.$u.toast("新增成功");
+        }
+
+        // 延迟返回上一页
+        setTimeout(() => {
+          uni.navigateBack();
+        }, 1500);
+      } catch (error) {
+        console.error("保存失败:", error);
+        uni.$u.toast("保存失败，请重试");
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.commission-form-page {
+  background-color: #fff;
+}
+@import "@/static/follow/index.scss";
+</style>

pages/orderDetail/page/detail.vue

@@ -73,11 +73,14 @@
       </view>
     </view>
 
-        <!-- 跟进状态 -->
+    <!-- 跟进状态 -->
     <view class="order_action_wrap">
       <view class="action_title">状态:</view>
-      <view class="action_buttons" v-if="['1','2'].includes(receiptDetail.status)">
-        <u-button 
+      <view
+        class="action_buttons"
+        v-if="['1', '2'].includes(receiptDetail.status)"
+      >
+        <u-button
           v-if="receiptDetail.status === '1'"
           type="success"
           size="small"
@@ -85,7 +88,7 @@
           @click="handleOrderForm"
           customStyle="margin-right: 20rpx;"
         ></u-button>
-        <u-button 
+        <u-button
           v-if="receiptDetail.status === '2'"
           type="primary"
           size="small"
@@ -93,7 +96,7 @@
           @click="handleReceiptForm"
           customStyle="margin-right: 20rpx;"
         ></u-button>
-        <u-button 
+        <u-button
           v-if="receiptDetail.status === '2'"
           type="warning"
           size="small"
@@ -101,7 +104,7 @@
           @click="handleDenialForm"
           customStyle="margin-right: 20rpx;"
         ></u-button>
-        <u-button 
+        <u-button
           v-if="receiptDetail.status === '1'"
           type="error"
           size="small"
@@ -111,7 +114,7 @@
         ></u-button>
       </view>
       <view v-else class="last_status">
-         该订单{{ crmFollowStatusFormat(receiptDetail.status) }}不可再操作
+        该订单{{ crmFollowStatusFormat(receiptDetail.status) }}不可再操作
       </view>
     </view>
 
@@ -195,18 +198,10 @@
         ></upload-file>
       </template>
       <template #frontendFollow>
-        <clue-follow
-          :clueId="clueId"
-          ref="clueFollow"
-          type="4"
-        ></clue-follow>
+        <clue-follow :clueId="clueId" ref="clueFollow" type="4"></clue-follow>
       </template>
       <template #followRecord>
-        <clue-follow
-          :clueId="clueId"
-          ref="follow"
-          type="5"
-        ></clue-follow>
+        <clue-follow :clueId="clueId" ref="follow" type="5"></clue-follow>
       </template>
       <template #receiptInfo>
         <receipt-form-list
@@ -216,13 +211,13 @@
           ref="receiptFormList"
         ></receipt-form-list>
       </template>
-      <!-- <template #commissionInfo>
+      <template #commissionInfo>
         <commission-form-list
-          :sendFormId="receiptDetail.id"
-          :clueId="receiptDetail.clueId"
+          :sendFormId="orderId"
+          :clueId="clueId"
           ref="commissionFormList"
         ></commission-form-list>
-      </template> -->
+      </template>
     </yui-tabs>
 
     <u-tabbar
@@ -243,6 +238,11 @@
         @click="handleAddReceiptForm"
       ></u-tabbar-item>
       <u-tabbar-item
+        text="新增分成"
+        icon="../../static/orderDetail/add_commission.png"
+        @click="handleAddCommission"
+      ></u-tabbar-item>
+      <u-tabbar-item
         text="添加跟进"
         icon="../../static/caseDetail/icon-follow.png"
         @click="handleAddFollow"
@@ -273,13 +273,13 @@ import { selectDictLabel } from "@/utils/util";
 import uploadFile from "../tabs/uploadFile/index.vue";
 import clueFollow from "../tabs/followRecord/index.vue";
 import receiptFormList from "../tabs/receiptFormList/receiptFormList.vue";
-// import commissionFormList from "../tabs/commissionFormList/commissionFormList.vue";
+import commissionFormList from "../tabs/commissionFormList/commissionFormList.vue";
 export default {
   components: {
     uploadFile,
     clueFollow,
     receiptFormList,
-    // commissionFormList,
+    commissionFormList,
   },
   props: {
     orderId: {
@@ -307,10 +307,6 @@ export default {
       crmFormStateDict: [],
       crmHandelStatusDict: [],
       tabs: [
-         {
-          label: "收单信息",
-          slot: "receiptInfo",
-        },
         {
           label: "聊天附件",
           slot: "chatFile",
@@ -339,11 +335,14 @@ export default {
           label: "跟进记录",
           slot: "followRecord",
         },
-       
-        // {
-        //   label: "收单分成",
-        //   slot: "commissionInfo",
-        // },
+        {
+          label: "收单信息",
+          slot: "receiptInfo",
+        },
+        {
+          label: "收单分成",
+          slot: "commissionInfo",
+        },
       ],
       activeIndex: 0,
     };
@@ -391,7 +390,7 @@ export default {
       return text ? text : "-";
     },
     crmFormCategoryFormat(v) {
-      return v ?  selectDictLabel(this.crmFormCategoryDict, v) : "-";
+      return v ? selectDictLabel(this.crmFormCategoryDict, v) : "-";
     },
     crmFormTacticFormat(v) {
       return v ? selectDictLabel(this.crmFormTacticDict, v) : "-";
@@ -433,6 +432,12 @@ export default {
         url: `/pages/receiptForm/index?orderId=${this.orderId}&clueId=${this.clueId}`,
       });
     },
+    // 跳转到新增分成页面
+    handleAddCommission() {
+      uni.navigateTo({
+        url: `/pages/commissionForm/index?sendFormId=${this.orderId}&clueId=${this.clueId}`,
+      });
+    },
     handleUploadRecord() {
       uni.navigateTo({
         url: `/pages/uploadRecord/index?clueId=${this.orderId}`,
@@ -564,7 +569,8 @@ export default {
         });
     },
     getDetail() {
-      uni.$u.api.getClueSendFormVoByOrderId({
+      uni.$u.api
+        .getClueSendFormVoByOrderId({
           id: this.orderId,
         })
         .then((res) => {
@@ -628,9 +634,9 @@ export default {
 
   .action_title {
     font-size: 16px;
-    flex : 0 0 50px;
+    flex: 0 0 50px;
   }
-  .last_status{
+  .last_status {
     color: #c0c0c7;
     font-size: 14px;
   }
@@ -639,7 +645,7 @@ export default {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
-    
+
     ::v-deep .u-button {
       height: 30px !important;
       font-size: 12px !important;
@@ -656,20 +662,20 @@ export default {
         color: white !important;
         border-color: #ffd025 !important;
       }
-      
+
       // 特别样式化不同按钮类型
       &.u-button--primary {
         background: #35dbd9 !important;
         color: white !important;
         border-color: #35dbd9 !important;
       }
-      
+
       &.u-button--warning {
         background: #ba9fb0 !important;
         color: white !important;
         border-color: #ba9fb0 !important;
       }
-      
+
       &.u-button--error {
         background: #e53e3e !important;
         color: white !important;

pages/orderDetail/tabs/commissionFormList/commissionFormList.vue

@@ -1,9 +1,6 @@
 <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">
@@ -13,336 +10,107 @@
 			<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>
+			<commission-item v-for="(row) in commissionList" :key="row.id" :item="row" :type="'2'" @click.native="handleEdit(row)"></commission-item>
 		</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
+	import commissionItem from "@/pages/order/components/commission/commissionItem.vue";
+
+	export default {
+		name: 'CommissionFormList',
+		components: {
+			commissionItem
 		},
-		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
+		props: {
+			sendFormId: {
+				type: [Number, String],
+				required: true
 			},
-			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' }
-				]
+			clueId: {
+				type: [Number, String],
+				required: true
 			}
-		}
-	},
-	methods: {
-		async getList() {
+		},
+		data() {
+			return {
+				commissionList: [],
+				loading: false
+			}
+		},
+		methods: {
+			async getList() {
 			this.loading = true
 			try {
-				const params = {
-					...this.queryParams,
+				const data = {
 					sendFormId: this.sendFormId,
+					type: '1'
 				}
-				const res = await uni.$u.api.clueCommissionForm.list(params)
+				const res = await uni.$u.api.selectCommissionList({}, data);
 				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)
-					}
-				}
+			// 跳转到编辑分成页面
+			uni.navigateTo({
+				url: `/pages/commissionForm/index?sendFormId=${this.sendFormId}&clueId=${this.clueId}&id=${row.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('新增成功')
+			handleDelete(id) {
+				uni.showModal({
+					title: '警告',
+					content: '确定要删除这条分成记录吗？删除后将无法恢复！',
+					confirmButtonText: '确定删除',
+					cancelButtonText: '取消',
+					success: (res) => {
+						if (res.confirm) {
+							this.deleteRow(id)
 						}
-						this.dialogVisible = false
-						this.getList()
-					} catch (error) {
-						uni.$u.toast('操作失败，请重试')
-					} finally {
-						uni.hideLoading(loading)
 					}
+				})
+			},
+			async deleteRow(id) {
+				try {
+					await uni.$u.api.clueCommissionForm.remove([id])
+					uni.$u.toast('删除成功')
+					this.getList()
+				} catch (error) {
+					uni.$u.toast('删除失败，请稍后重试')
 				}
-			})
-		},
-		handleClose() {
-			this.dialogVisible = false
-			// 关闭对话框后重置表单
-			this.$nextTick(() => {
-				if (this.$refs.commissionFormRef) {
-					this.$refs.commissionFormRef.clearValidate()
-				}
-			})
+			},
+			// 外部调用获取列表
+			getListByExternal() {
+				this.getList()
+			}
 		},
-		handlePageChange(page) {
-			this.queryParams.pageNum = page
+		created() {
 			this.getList()
 		},
-		// 外部调用获取列表
-		getListByExternal() {
+		// 监听页面显示，刷新列表数据
+		onShow() {
 			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;
+	.commission-form-list {
+		padding: 20px 20px 20px;
+		background: #f5f6f8;
 	}
-}
-
-.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;
-}
+	.commission-header {
+		margin-bottom: 16px;
+	}
 
-.dialog_footer {
-	padding: 20px;
-	display: flex;
-	justify-content: space-around;
-	border-top: 1px solid #e9ecef;
-}
+	.loading_wrap,
+	.empty_wrap {
+		padding: 40px 20px;
+		text-align: center;
+	}
 </style>

utils/api.js

@@ -103,6 +103,12 @@ const install = (Vue, vm) => {
 		getReceiptForm:(id,config={})=>http.get(store.state.user.path + '/clueReceiptForm/' + id),
 		delReceiptForm:(id,config={})=>http.delete(store.state.user.path + '/clueReceiptForm/' + id),
 		saveClueOrderForm:(data={})=>http.post(store.state.user.path + '/clueSendForm/saveClueOrderForm',data),
+		clueReceiptFormListByOrderId:(orderId,config={})=>http.get(store.state.user.path + '/clueReceiptForm/listByOrderId/' + orderId),
+		clueCommissionAdd: (data={})=>http.post(store.state.user.path + '/clueCommissionForm',data),
+		clueCommissionUpdate: (data={})=>http.put(store.state.user.path + '/clueCommissionForm',data),
+		clueCommissionById: (id,config={})=>http.get(store.state.user.path + '/clueCommissionForm/' + id),
+		clueCommissionRemove: (ids,config={})=>http.post(store.state.user.path + '/clueCommissionForm/remove',ids),
+		getCustomerManagerAllList: ()=>http.post('/system/user/getCustomerManagerAllList')
 	}
 }