2023年6月13日16:46:35

components/form-builder/form-builder-vue3.vue

@@ -8,7 +8,7 @@
 				<view style="min-height: 90rpx;" :style="item.vertical == 2 ? 'margin-top: 20rpx' : ''"
 					:class="item.vertical == 2 ? 'as-layout-vertical' : 'as-layout-horizontal'">
 					<!-- 标题 -->
-					<view v-if="item.titleShow" class="as-gravity-center-start"
+					<view v-if="!item.titleShow" class="as-gravity-center-start"
 						:style="'min-width:'+ config.titleWidth + 'rpx'"
 						style="margin:0 20rpx;flex-direction: row;display: flex;flex-direction: row;">
 						<image class="img-size" :src="item.required ? '/static/image/must.png' : ''"></image>

components/form-builder/tools.ts

@@ -47,10 +47,11 @@ export function nameBackIndex(key: string,value: string,data: any){
 	return index
 }
 
+//支持名称或字段民，最好用字段名来找对应的下标
 export function Index(key: string,data: any){
 	let index = -1;
 	for (var i = 0; i < data.length; i++) {
-		if(key === data[i]['title']){
+		if(key === data[i]['title'] || key === data[i]['value']){
 			index = i
 			break
 		}

node_modules/.vite/deps_temp_284d2ba4/package.json

@@ -1 +0,0 @@
-{"type":"module"}

node_modules/.vite/deps_temp_6a97522f/package.json

@@ -1 +0,0 @@
-{"type":"module"}

pages/memoryCardApplication/memoryCardApplication.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<custom-header title="申办校验"></custom-header>
-		<div style="padding-top: 20rpx">
+		<div style="padding: 20rpx 0">
 			<form-builder-vue :formData="formData" :config="config" @submit="submit"></form-builder-vue>
 		</div>
 	</div>
@@ -13,9 +13,6 @@
 		reactive,
 		ref
 	} from 'vue'
-	import {
-		Index
-	} from '@/components/form-builder/tools'
 	import {
 		onLoad
 	} from '@dcloudio/uni-app'
@@ -25,29 +22,29 @@
 	
 	//获取页面配置
 	onLoad((opin) => {
-		request('ac8756cc31eb4816b8eaeb71907ff9c1', {
-			data: {
-				qdOrderNo: 'qddd123456'
-			}
-		}).then((res) => {
-			let data = JSON.parse(res.bizContent)
-			formData.value = JSON.parse(data.config.tableConfig)
-			console.log('输出内容',formData.value)
-		})
+		// request('ac8756cc31eb4816b8eaeb71907ff9c1', {
+		// 	data: {
+		// 		qdOrderNo: 'qddd123456'
+		// 	}
+		// }).then((res) => {
+		// 	let data = JSON.parse(res.bizContent)
+		// 	formData.value = JSON.parse(data.config.tableConfig)
+		// 	console.log('输出内容',formData.value)
+		// })
 	})
 
 	let config = ({
 		titleWidth: 160,
 		submitName: '下一步'
 	})
-
+ 
 	let formData = ref([{
 		'title': '车牌号',
 		'type': 9,
 		'vertical': 2,
 		'value': 'vehicle',
 		'itemKey': 'name',
-		'required': false,
+		'required': true,
 		'itemData': []
 	}, {
 		'title': '车牌颜色',
@@ -55,19 +52,19 @@
 		'vertical': 2,
 		'value': 'native',
 		'itemKey': 'name',
-		'required': false,
+		'required': true,
 		'itemData': []
 	}, {
 		'title': '手机号',
 		'type': 2,
 		'inputType': 'tel',
 		'value': 'tel',
-		'required': false,
+		'required': true,
 		'maxlength': 11
 	}, {
 		'title': '车辆类型',
 		'type': 4,
-		'required': false,
+		'required': true,
 		'value': 'vehicleKind',
 		'itemKey': 'name',
 		'itemData': []