1

pages/kotra/billboard/listsignUp.vue

-<style>
-	.single_Phone {
+<style >
+	.listsignUp{
+		width: 100%;
+		height: 100vh;
+		overflow-y: auto;
+		background:#F6F6F6 ;
+		padding: 18px;
+	}
+	.listsignUp .single_Phone {
 		font-size: 28rpx;
 		color: #1F1F1F;
 		font-weight: bold;
 		margin-bottom:10rpx;
 	}
-	.single_Input{
+	.listsignUp .single_Input{
 		border-bottom:1px solid #DADCE6;
 		padding:10rpx 0 20rpx 0;
 	}
-	.single_Remark{
+	.listsignUp .single_Remark{
 		margin:10rpx 0 40rpx 0;
 		font-size:25rpx;
 		color:#808080;
 	}
+	.listsignUp .btn{
+		width: 100%;
+		height: 44px;
+		border-radius: 10px;
+		background: #F70027;
+		font-size: 16px;
+		color: #FFF;
+		text-align: center;
+		line-height: 44px;
+		margin: 20px 0;
+	}
 </style>
 <template>
-	<view style="height:100vh;padding:30rpx;">
+	<view class="listsignUp">
+		<view style="width: 100%;padding: 15px;border-radius: 15px;background: #FFF;">
+			
 				<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>
-			<pictureUpload v-if="item.CompKey=='ImageUploadComp'" :CompData="item.CompData"></pictureUpload>
-			<videoUpload v-if="item.CompKey=='VideoUploadComp'" :CompData="item.CompData"></videoUpload>
+					<singleText v-if="item.CompKey=='SingleLineText'" :CompData="item.CompData"  :index='index' @success="datasuccess()"></singleText>
+					<multipleText v-if="item.CompKey=='MultiLineText'" :CompData="item.CompData" :index='index' @success="datasuccess()"></multipleText>
+					<selectChoice v-if="item.CompKey=='DorpDownList'" :CompData="item.CompData" :index='index' @success="datasuccess()"></selectChoice>
+					<pictureUpload v-if="item.CompKey=='ImageUploadComp'" :CompData="item.CompData" :index='index' @success="datasuccess()"></pictureUpload>
+					<videoUpload v-if="item.CompKey=='VideoUploadComp'" :CompData="item.CompData" :index='index' @success="datasuccess()"></videoUpload>
 				</template>
+				<view class="btn" @click="setapply()">
+					提交申请
+				</view>
+			
+			
 		</view>
+	</view>
+	
 </template>
 
 <script>
@@ -80,6 +107,14 @@
 					}
 				})
 			},
+			datasuccess(data,index){
+				console.log(data,index)
+				this.dataList[index].CompData = data
+				
+			},
+			setapply(){
+				console.log('提交',this.dataList)
+			}
 		
 		}
 	}

pages/kotra/billboard/plugin/multipleText.vue

@@ -3,14 +3,16 @@
 		<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}`"/>
+		<textarea style="height: 50px;width:100%;" @input='getvalue' 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"],
+		props: ["CompData",'index'],
 		data() {
 			return {
 
@@ -22,7 +24,9 @@
 		},
 		onLoad() {},
 		methods: {
-
+			getvalue() {
+				this.$emit('success', this.CompData, this.index)
+			}
 		}
 	}
 </script>

pages/kotra/billboard/plugin/pictureUpload.vue

@@ -17,7 +17,7 @@
 
 <script>
 	export default {
-		props: ["CompData"],
+		props: ["CompData",'index'],
 		
 		data(){
 			return{
@@ -34,7 +34,8 @@
 			uploadSuccessHandler(data, index, lists) {
 				let r = JSON.parse(data);
 				this.CompData.FileList.push(r.data);
-				console.log(this.CompData.FileList)
+				this.$emit('success', this.CompData, this.index)
+				
 			},
 			onRemove(index) {
 				this.CompData.FileList.splice(index, 1);

pages/kotra/billboard/plugin/selectChoice.vue

@@ -17,7 +17,7 @@
 <script>
 	import ldSelect from '../components/ld-select.vue'
 	export default {
-		props: ["CompData"],
+		props: ["CompData",'index'],
 		components: { ldSelect},
 		data(){
 			return{
@@ -31,12 +31,7 @@
 			selectChange(e){
 				console.log(e)
 				this.CompData.OptionValue = e
-				console.log(this.CompData)
-				// this.CompData.OptionList.forEach(x=>{
-				// 	if(x.Id == e){
-				// 		this.CompData.OptionValue = x.Name
-				// 	}
-				// })
+				this.$emit('success', this.CompData, this.index)
 			}
 		}
 	}

pages/kotra/billboard/plugin/singleText.vue

@@ -3,14 +3,14 @@
 		<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}`" />
+		<input class="single_Input" @input='getvalue' 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"],
+		props: ["CompData",'index'],
 		data() {
 			return {
 
@@ -22,7 +22,10 @@
 		},
 		onLoad() {},
 		methods: {
+			getvalue(){
 				
+				this.$emit('success',this.CompData,this.index)
+			}
 		}
 	}
 </script>

pages/kotra/billboard/plugin/videoUpload.vue

@@ -25,11 +25,10 @@
 			</view>
 		</view>
 		<view>
-			<view slot="addBtn" class="slot-btn" @click="upvideo()">
+			<view slot="addBtn" class="slot-btn" @click="upvideo()" v-if="FileList.length<CompData.FileCount">
 				<image class="image"
 					src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616573063000_398.png"
 					mode="widthFix"></image>
-
 			</view>
 		</view>
 
@@ -39,7 +38,7 @@
 
 <script>
 	export default {
-		props: ["CompData"],
+		props: ["CompData",'index'],
 
 		data() {
 			return {
@@ -110,6 +109,7 @@
 							that.FileList.push(data.data)
 							that.CompData.FileList.push(data.data)
 							that.$forceUpdate()
+							that.$emit('success', that.CompData, that.index)
 							
 						}