修改

pages/kotra/billboard/listsignUp.vue

+<style>
+	.single_Phone {
+		font-size: 28rpx;
+		color: #1F1F1F;
+		font-weight: bold;
+		margin-bottom:10rpx;
+	}
+	.single_Input{
+		border-bottom:1px solid #DADCE6;
+		padding:10rpx 0 20rpx 0;
+	}
+	.single_Remark{
+		margin:10rpx 0 40rpx 0;
+		font-size:25rpx;
+		color:#808080;
+	}
+</style>
 <template>
+	<view style="height:100vh;padding:30rpx;">
+		<template v-for="(item,index) in dataList">
+			<singleText v-if="item.CompKey=='SingleLineText'" :CompData="item.CompData"></singleText>
+			<multipleText v-if="item.CompKey=='MultiLineText'" :CompData="item.CompData"></multipleText>
+			<selectChoice v-if="item.CompKey=='DorpDownList'" :CompData="item.CompData"></selectChoice>
+		</template>
+	</view>
 </template>
 
 <script>
+	import singleText from "./plugin/singleText";
+	import multipleText from "./plugin/multipleText"
+	import selectChoice from "./plugin/selectChoice"
+	export default {
+		components: {
+			singleText,
+			multipleText,
+			selectChoice
+		},
+		data() {
+			return {
+				pageTitle: '榜单报名',
+				msg: {
+					Id: 5,
+				},
+				dataList: [],
+				pageCount: 1
+			}
+		},
+		created() {},
+		mounted() {
+			this.getData();
+		},
+		onLoad() {},
+		methods: {
+			getData() {
+				this.request2({
+						url: "/api/AppletCustomForm/GetCustomFormInfo",
+						data: this.msg,
+					},
+					(res) => {
+						if (res.resultCode == 1) {
+							console.log(res,'数据');
+							this.dataList=res.data.FormDataList;
+						}
+					}
+				);
+			}
+		}
+	}
 </script>
-
-<style>
-</style>

pages/kotra/billboard/plugin/multipleText.vue

+<template>
+	<view>
+		<view class="single_Phone">
+			<span style="color:red;margin-right:5rpx;" v-show="CompData.IsRequire">*</span>{{CompData.Name}}
+		</view>
+		<textarea style="height: 50px;width:100%;" v-model="CompData.TextValue" :maxlength="CompData.WordsLength==0?-1:CompData.WordsLength" class="single_Input" :placeholder="`请输入${CompData.Name}`"/>
+		<view class="single_Remark" v-if="CompData.Remark">{{CompData.Remark}}</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: ["CompData"],
+		data() {
+			return {
+
+			}
+		},
+		created() {},
+		mounted() {
+
+		},
+		onLoad() {},
+		methods: {
+
+		}
+	}
+</script>

pages/kotra/billboard/plugin/selectChoice.vue

+<template>
+	<view>
+		<u-picker v-model="CompData.OptionValue" mode="selector" :list="CompData.OptionList"></u-picker>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

pages/kotra/billboard/plugin/singleText.vue

+<template>
+	<view>
+		<view class="single_Phone">
+			<span style="color:red;margin-right:5rpx;" v-show="CompData.IsRequire">*</span>{{CompData.Name}}
+		</view>
+		<input class="single_Input" v-model="CompData.TextValue" :maxlength="CompData.WordsLength==0?-1:CompData.WordsLength" :placeholder="`请输入${CompData.Name}`" />
+		<view class="single_Remark" v-if="CompData.Remark">{{CompData.Remark}}</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: ["CompData"],
+		data() {
+			return {
+
+			}
+		},
+		created() {},
+		mounted() {
+
+		},
+		onLoad() {},
+		methods: {
+
+		}
+	}
+</script>