1

pages/kotra/identification.vue

@@ -17,9 +17,9 @@
 							{{item.name}}
 						</view>
 						<view class="con1" v-if="item.type==1">
-							<input class="input" type="text" v-model="dataOne[item.file]" :placeholder="item.text"
-								placeholder-style="color: #CECECEFF" />
-
+							<input class="input" type="text" v-model="dataOne[item.field]" :placeholder="item.text"
+								placeholder-style="color: #CECECEFF" @focus="inputFcous(item)"/>
+							<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/delete.png" v-if="item.delIcon" class="delIcon" mode="widthFix" @click="delInputText(item.field)"></image>
 						</view>
 						<view class="con2" v-if="item.type==2">
 							<!-- 未上传成功 -->
@@ -42,13 +42,13 @@
 							{{item.name}}
 						</view>
 						<view class="con1" v-if="item.type==1">
-							<input class="input" type="text" v-model="dataTwo[item.file]" :placeholder="item.text"
+							<input class="input" type="text" v-model="dataTwo[item.field]" :placeholder="item.text"
 								placeholder-style="color: #CECECEFF" />
 						</view>
 						<view class="con3" v-if="item.type==2">
 							<view class="numberBbox">
 								<image class="numberImg" :src="reduceIcon" mode="widthFix" @click="reduce"></image>
-								<input class="numberInput" type="number" disabled v-model.number="dataTwo[item.file]" />
+								<input class="numberInput" type="number" disabled v-model.number="dataTwo[item.field]" />
 								<image class="numberImg" :src="addIcon" mode="widthFix" @click="add"></image>
 							</view>
 						</view>
@@ -88,11 +88,11 @@
 							{{item.name}}
 						</view>
 						<view class="con1" v-if="item.type==1">
-							<input class="input" type="text" v-model="dataThree[item.file]" :placeholder="item.text"
+							<input class="input" type="text" v-model="dataThree[item.field]" :placeholder="item.text"
 								placeholder-style="color: #CECECEFF" />
 						</view>
 						<view class="con6" v-if="item.type==2">
-							<u-radio-group v-model="dataThree[item.file]">
+							<u-radio-group v-model="dataThree[item.field]">
 								<u-radio v-for="(item1, index1) in goodsType" :key="index1" :name="item1.Id"
 									shape="circle" @change="radioChange">
 									<image :src="goodsTypeImg[item1.Id]" mode="widthFix" class="goodsTypeImg"></image>
@@ -152,49 +152,55 @@
 				}, {
 					name: "企业名称",
 					text: "请输入企业名称",
-					file: "CompanyName",
+					field: "CompanyName",
+					delIcon:false,
 					type: 1
 				}, {
 					name: "统一社会信用代码",
 					text: "输入18位社会信用代码",
-					file: "UnifiedCode",
+					field: "UnifiedCode",
+					delIcon:false,
 					type: 1
 				}, {
 					name: "法人代表",
 					text: "请输入法人姓名",
-					file: "LegalPerson",
+					field: "LegalPerson",
+					delIcon:false,
 					type: 1
 				}, {
 					name: "联系电话",
 					text: "请输入11位手机或者带区号座机号码",
-					file: "Mobile",
+					field: "Mobile",
+					delIcon:false,
 					type: 1
 				}, ],
 				//type=1：输入框，2：步进器，3：多选
 				stepTwoList: [{
 					name: "品牌名称",
 					text: "请输入品牌名称",
-					file: "BrandName",
+					field: "BrandName",
+					delIcon:false,
 					type: 1
 				}, {
 					name: "店铺数量",
 					text: "",
-					file: "ShopNum",
+					field: "ShopNum",
 					type: 2
 				}, {
 					name: "店铺面积",
 					text: "",
-					file: "",
+					field: "",
 					type: 3
 				}, {
 					name: "品牌定位",
 					text: "请输入品牌定位",
-					file: "FullBrandName",
+					field: "FullBrandName",
+					delIcon:false,
 					type: 1
 				}, {
 					name: "客户群体",
 					text: "",
-					file: "CustomerType",
+					field: "CustomerType",
 					type: 4,
 				}],
 				customList: [], //客户群体
@@ -202,17 +208,18 @@
 				stepThreeList: [{
 					name: "扩店区域",
 					text: "请输入品牌全名",
-					file: "StoreExpansion",
+					field: "StoreExpansion",
+					delIcon:false,
 					type: 1
 				}, {
 					name: "商品性质",
 					text: "",
-					file: "ProjectType",
+					field: "ProjectType",
 					type: 2
 				}, {
 					name: "面积要求",
 					text: "",
-					file: "",
+					field: "",
 					type: 3
 				}],
 				goodsType: [], //商品性质
@@ -262,6 +269,19 @@
 			}
 		},
 		methods: {
+			// 输入框获取焦点
+			inputFcous(e){
+				e.delIcon=true
+			},
+			// 输入失去焦点
+			inputBlur(e){
+				e.delIcon=false
+			},
+			delInputText(field){
+				this.dataOne[field]=""
+				this.dataTwo[field]=""
+				this.dataThree[field]=""
+			},
 			// 获取客户群体枚举
 			getCustomerTypeEnumList() {
 				let parms = {
@@ -365,7 +385,7 @@
 				uni.uploadFile({
 					url: action,
 					filePath: img,
-					name: 'file',
+					name: 'field',
 					formData: {
 						user: 'test'
 					},
@@ -463,7 +483,7 @@
 					}
 				})
 			},
-			 finish(){
+			finish(){
 				 uni.navigateTo({
 				 	url:"/pages/user-center/user-center"
 				 })
@@ -664,7 +684,7 @@
 
 					.con1 {
 						height: 60rpx;
-
+						position: relative;
 						.input {
 							width: 100%;
 							font-size: 32rpx;
@@ -674,6 +694,15 @@
 							border-bottom: 1rpx solid #DADCE6;
 							padding-bottom: 24rpx;
 							vertical-align:baseline;
+							padding-right: 50rpx;
+						}
+						.delIcon{
+							width: 32rpx;
+							height: 32rpx;
+							position: absolute;
+							top: 10rpx;
+							right: 10rpx;
+							z-index: 10;
 						}
 
 					}