创建产品追溯页面 进一步完善各项功能

Signed-off-by: YangWork <yang@xixingwl.cn>

member/profile/profile.vue

@@ -1,77 +1,62 @@
 <template>
 	<view class="container">
-		<uni-nav-bar shadow left-icon="left" fixed leftText="返回" dark rightIcon="compose" rightText="编辑" title="个人资料"/>
+		<uni-nav-bar shadow left-icon="left" fixed leftText="返回" dark rightIcon="compose" rightText="编辑" @clickRight="editTrue" title="个人资料"/>
 		<view class="example">
 			<!-- 基础表单校验 -->
 			<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
 
 				<uni-forms-item label="签名">
-					<uni-easyinput type="textarea" :disabled="isDisabled" v-model="formData.introduction"
-						placeholder="请输入自我介绍" />
+					<uni-easyinput type="textarea"  :disabled="isDisabled" v-model="formData.signature"
+						placeholder="个性签名" />
 				</uni-forms-item>
 				<uni-forms-item label="昵称" name="nickname">
 					<uni-easyinput v-model="formData.nickname" placeholder="请输入昵称" :disabled="isDisabled" />
 				</uni-forms-item>
-				<uni-forms-item label="性别">
+				<uni-forms-item label="性别" name="sex">
 					<uni-data-checkbox v-model="formData.sex" :localdata="sexs" :disabled="isDisabled" />
 				</uni-forms-item>
-				<uni-forms-item label="生日">
-					<uni-datetime-picker type="date" return-type="timestamp" v-model="formData.datetimesingle"
+				<uni-forms-item label="生日" name="birthday">
+					<uni-datetime-picker type="date" return-type="timestamp" v-model="formData.birthday"
 						:disabled="isDisabled" />
 				</uni-forms-item>
 				<uni-forms-item label="身高" name="height">
-					<uni-easyinput v-model="formData.height" type="number" placeholder="请输入姓名" :disabled="isDisabled" />
+					<uni-easyinput v-model="formData.height" type="number" placeholder="身高" :disabled="isDisabled" />
 				</uni-forms-item>
 
-				<uni-forms-item label="所在地">
-					<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
+				<uni-forms-item label="所在地" name="location">
+					<uni-data-picker v-model="formData.location" popup-title="请选所在地区" :readonly="isDisabled"></uni-data-picker>
 				</uni-forms-item>
-				<uni-forms-item label="学历">
-					<uni-data-select  :localdata="educations" :disabled="isDisabled">
+				<uni-forms-item label="学历" name="education">
+					<uni-data-select v-model="formData.education" :localdata="educations" :disabled="isDisabled">
 					</uni-data-select>
 				</uni-forms-item>
-				<uni-forms-item label="职业">
-					<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
+				<uni-forms-item label="职业" name="job">
+					<uni-data-picker v-model="formData.job" popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
 				</uni-forms-item>
-				<uni-forms-item label="企业">
-					<uni-easyinput type="number" placeholder="请输入姓名" :disabled="isDisabled" />
+				<uni-forms-item label="企业" name="company">
+					<uni-easyinput v-model="formData.company" type="text" placeholder="请输入姓名" :disabled="isDisabled" />
 				</uni-forms-item>
-				<uni-forms-item label="家乡">
-					<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
+				<uni-forms-item label="家乡" name="hometown">
+					<uni-data-picker v-model="formData.hometown" popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
 				</uni-forms-item>
-				<uni-forms-item label="自我介绍" name="introduction">
+				<uni-forms-item label="简介" name="introduction">
 					<uni-easyinput type="textarea" v-model="formData.introduction" placeholder="请输入自我介绍"
 						:disabled="isDisabled" />
 				</uni-forms-item>
 
 
-				<uni-forms-item label="月收入">
-					<uni-data-select  :localdata="educations" :disabled="isDisabled">
+				<uni-forms-item label="月收入" name="income">
+					<uni-data-select v-model="formData.income" :localdata="educations" :disabled="isDisabled">
 					</uni-data-select>
 				</uni-forms-item>
-				<uni-forms-item label="婚姻">
+				<uni-forms-item label="婚姻" name="marriage" >
 					<uni-data-select :localdata="educations" :disabled="isDisabled">
 					</uni-data-select>
 				</uni-forms-item>
-				<uni-forms-item label="房产">
+				<uni-forms-item label="房产" name="house">
 					<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
 				</uni-forms-item>
 
-
-
-				<uni-forms-item label="所在地">
-					<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
-				</uni-forms-item>
-				<uni-forms-item label="年龄">
-					<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
-				</uni-forms-item>
-				<uni-forms-item label="身高">
-					<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
-				</uni-forms-item>
-				<uni-forms-item label="学历">
-					<uni-data-select :localdata="educations" :disabled="isDisabled">
-					</uni-data-select>
-				</uni-forms-item>
 			</uni-forms>
 			<button type="primary" @click="submit('valiForm')">提交</button>
 		</view>
@@ -87,13 +72,20 @@
 				isDisabled: true,
 				// 基础表单数据
 				formData: {
+					signature:'',
 					nickname: '',
-					height:0,
-					age: 0,
+					sex: 1,
+					birthday: 0,
+					height:178,
+					location:"",
+					education:"",
+					job:"",
+					company:"",
+					hometown:"", 
 					introduction: '',
-					sex: 2,
-					hobby: [5],
-					datetimesingle: 1627529992399
+					income:"",
+					marriage:"",
+					house:"",  
 				},
 
 
@@ -212,6 +204,10 @@
 			//this.$refs.customForm.setRules(this.customRules)
 		},
 		methods: {
+			editTrue(){
+				this.isDisabled = false;
+				console.log(this.isDisabled)
+			},
 			onClickItem(e) {
 				console.log(e);
 				this.current = e.currentIndex