edit-base-完工自定义配置

src/components/createCom/XhInput.vue

@@ -12,7 +12,7 @@
 			item: {
 				type: Object,
 				default () {
-					return [{}]
+					return null
 				}
 			},
 		},

src/pages/order/complete.vue

@@ -15,9 +15,26 @@
 				</view>
 			</scroll-view>
 			<scroll-view :scroll-top="scrollRightTop" scroll-y scroll-with-animation class="right-box" @scroll="rightScroll">
-				<form-com></form-com>
+				<!-- <form-com :item="tabbar"></form-com> -->
+				<u-form :model="form" ref="uForm">
+					<template v-for="(groupItem,index) in tabbar">
+						<view class="class-item">
+							<view class="group-title" :key="index">{{groupItem.name}}</view>
+							<view class="group-items" :key="index">
+								<u-form-item :label-width="0" :required="groupItem.required"
+									v-for="(item,itemIndex) in groupItem.foods" :key="itemIndex">
+									<!-- <view :key="index"> -->
+									<view>{{item.name}}</view>
+									<xh-input></xh-input>
+									<!-- <xh-input :item="item" v-if="item.fieldsType==='input'"></xh-input> -->
+									<!-- </view> -->
+								</u-form-item>
+							</view>
+						</view>
+					</template>
+				</u-form>
 				<!-- <xh-input></xh-input> -->
-				<view class="page-view">
+<!-- 				<view class="page-view">
 					<view class="class-item" :id="'item' + index" v-for="(item , index) in tabbar" :key="index">
 						<view class="item-title">
 							<text>{{item.name}}</text>
@@ -29,7 +46,7 @@
 							</view>
 						</view>
 					</view>
-				</view>
+				</view> -->
 			</scroll-view>
 		</view>
 	</view>
@@ -38,7 +55,8 @@
 	import classifyData from '@/common/classify.data.js';
 	// import allComponents from '@/components/createCom/index.js'
 	// import XhInput from '@/components/createCom/XhInput.vue'
-	import formCom from './components/formCom.vue'
+	// import formCom from './components/formCom.vue'
+		import XhInput from '@/components/createCom/XhInput.vue'
 	export default {
 		data() {
 			return {
@@ -56,9 +74,8 @@
 				
 			}
 		},
-		components:{
-			// 'xh-input': allComponentsXhInput,
-			formCom,
+		components: {
+			'xh-input': XhInput,
 		},
 		created(){
 			// console.log(allComponents,'allComponents')
@@ -149,6 +166,7 @@
 					}).exec()
 				})
 			},
+			
 			// 右边菜单滚动
 			async rightScroll(e) {
 				this.oldScrollTop = e.detail.scrollTop;

src/pages/order/components/formCom.vue

@@ -5,15 +5,14 @@
 		<u-form :model="form" ref="uForm">
 			<template v-for="(groupItem,index) in group">
 				<view class="group-item">
-					<view class="group-title" :key="index">{{groupItem.groupName}}</view>
+					<view class="group-title" :key="index">{{groupItem.name}}</view>
 					<view class="group-items" :key="index">
 						<u-form-item :label-width="0" :required="item.required"
-							v-for="(item,itemIndex) in groupItem.item" :key="index">
+							v-for="(item,itemIndex) in groupItem.foods" :key="index">
 							<!-- <view :key="index"> -->
-							<view>{{item.fieldsName}}</view>
-							<xh-input :item="item" v-if="item.fieldsType==='input'"></xh-input>
-							<!-- <xh-input v-if="item.fieldsType==='input'"></xh-input> -->
-							<!-- <xh-input v-if="item.fieldsType==='input'"></xh-input> -->
+							<view>{{item.name}}</view>
+							<xh-input></xh-input>
+							<!-- <xh-input :item="item" v-if="item.fieldsType==='input'"></xh-input> -->
 							<!-- </view> -->
 						</u-form-item>
 					</view>
@@ -41,12 +40,18 @@
 		},
 		props: {
 			item: {
-				type: Object,
+				type: Array,
 				default () {
-					return [{}]
+					return []
 				}
 			},
 		},
+		watch:{
+			"item":function(newVal){
+				this.group = newVal
+				console.log(this.group,'this.group')
+			}
+		},
 		data() {
 			return {
 				list: [{
@@ -59,7 +64,7 @@
 						key: '',
 						label: ''
 					}]
-				}],
+				},],
 				// 完工信息的不同项
 				group: [{
 					groupName: '接入点信息',
@@ -73,7 +78,7 @@
 							key: '',
 							label: ''
 						}]
-					}]
+					},]
 				}],
 				configList: [{
 					panelName: '',
@@ -128,6 +133,8 @@
 			}
 		},
 		created() {
+			this.group = this.item
+			console.log(this.group,'this.group')
 			console.log(XhInput, 'XhInput')
 		}
 	}