src/views/extend/processFlowView/components/ProcessBomList.vue

@@ -67,7 +67,11 @@
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
-			<el-transfer v-model="choosedEquipments" :data="eqList" :render-content="renderFn"></el-transfer>
+			<el-transfer v-model="choosedEquipments" :data="eqList">
+				<!-- <span slot-scope="{ option }">
+					{{ option.key }} - {{ option.label }}
+				</span> -->
+			</el-transfer>
 		</base-dialog>
 	</section>
 </template>
@@ -125,9 +129,9 @@ export default {
 		},
 	},
 	methods: {
-		renderFn(h,option) {
-			console.log(option)
-			return <span>1</span>
+		renderFn(h, option) {
+			console.log(option);
+			return <span>1</span>;
 		},
 		async getEqList() {
 			console.log('currentDet', this.currentDet);
@@ -150,12 +154,21 @@ export default {
 					{ equipmentId: 6, equipmentName: '设备6' },
 				]; // ].map((item) => ({ label: item.equipmentName, key: item.equipmentId }));
 
-				
 				// 获取参数bom和物料bom
+				// 需调用参数bom接口和 物料bom接口
 				this.finalList = this.eqList.map((item) => {
+					item.sub = [];
 					// key: equipmentId-参数bomId
-					item.push({ key: item.equipmentId + '-' + '101', label: '参数bom1' });
-					item.push({ key: item.equipmentId + '-' + '201', label: '物料bom1' });
+					item.sub.push({
+						key: item.equipmentId + '-' + '101',
+						label: '参数bom1',
+					});
+					item.sub.push({
+						key: item.equipmentId + '-' + '201',
+						label: '物料bom1',
+					});
+
+					return item;
 				});
 			}
 		},
@@ -181,7 +194,7 @@ export default {
 				data: method !== 'get' ? payload : null,
 			});
 		},
-
+		submitForm() {},
 		async getList({ detId, detName, detDesc, flowId, sectionName } = {}) {
 			console.log('get list', detId, detName, flowId);
 			const { data, code } = await this.http(