846 lines
28 KiB
Plaintext
846 lines
28 KiB
Plaintext
<template>
|
||
<view class=" unmarrContainer">
|
||
<view class="orderdata">
|
||
<view class="mainTitle bold font_28 color-999">基础资料</view>
|
||
<view class="m_bas">
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">昵称</span>
|
||
<!-- <span class="color-theme bold"> *</span> -->
|
||
<input type="text" placeholder="请输入" class="u_name_inp" @blur="typing('name',$event)" value="{{name}}" cursor-spacing="50" maxlength="10" />
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<block v-if="!selectSex">
|
||
<view class="m_basLst f-fbc" @tap="bindTips('性别无法更改哦，如有需要请联系客服')">
|
||
<view>
|
||
<span class="font_28 color-333 bold">性别</span>
|
||
</view>
|
||
<view class="f-fc">
|
||
<text class="font_28 color-333">{{sex[sexIndex]}}</text>
|
||
<image class="tips_icon" src="https://image.fulllinkai.com/202108/19/1e592d8cc35396e3142d9bd40093abe9.png" mode="aspectFit"></image>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<picker value="{{sexIndex}}" range="{{sex}}" bindchange="sexChange" >
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">性别</span>
|
||
<view class="text">
|
||
<span v-if="sexIndexSelect">{{sex[sexIndex]}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
</block>
|
||
</view>
|
||
<view class="u_bas">
|
||
<picker value="{{statureIndex}}" range="{{statureList}}" bindchange="statureChange" >
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">身高</span>
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="statureIndexSelect">{{statureList[statureIndex]}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<view class="u_bas">
|
||
<picker value="{{weightIndex}}" range="{{weightList}}" bindchange="weightChange" >
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">体重</span>
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="weightIndexSelect">{{weightList[weightIndex]}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">常居地</span>
|
||
<selectCity ref="selectCity" :itemIndex.sync="CITY_INDEX" :multiIndex.sync="multiIndex" class="flo_r" @selectCity="selectCity" @provinces="getProvinces">
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="region[2]">{{region[1]}} / {{region[2]}}</span>
|
||
<span v-else class="color999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</selectCity>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="mainTitle bold font_28 color-999">个人资料</view>
|
||
<view class="m_section">
|
||
<view class="u_section">
|
||
<picker mode="date" value="1990-01-01" end="{{endDate}}" @change="typing('birthday',$event)">
|
||
<view class="m_secLst f-fbc">
|
||
<span class="font_28 color-333 bold">出生日期</span>
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="birthday">{{birthday}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<view class="u_section">
|
||
<view class="m_secLst f-fbc" @tap="bindTips('情感状态无法更改哦，如有需要请联系客服')">
|
||
<view class="f-fc">
|
||
<span class="font_28 color-333 bold">情感状况</span>
|
||
</view>
|
||
<view class="font_28 f-fc color-333">
|
||
<span>{{state}}</span>
|
||
<image class="tips_icon" src="https://image.fulllinkai.com/202108/19/1e592d8cc35396e3142d9bd40093abe9.png" mode="aspectFit"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="u_section">
|
||
<view class="m_secLst f-fbc">
|
||
<span class="font_28 color-333 bold">籍贯</span>
|
||
<!-- <span class="color-theme">*</span> -->
|
||
<selectCity1 ref="selectCityV1" :itemIndex.sync="CITY_INDEX1" :multiIndex.sync="multiIndexA" class="flo_r" @selectCity="selectCity" @provinces="getProvinces">
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="region_id[2]">{{region_id[1]}} / {{region_id[2]}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</selectCity1>
|
||
</view>
|
||
</view>
|
||
<view class="u_section">
|
||
<picker mode="multiSelector" @change="bindMultiPickerChange2" @columnchange="bindMultiPickerColumnChange2" value="{{multiIndex2}}" range="{{objectMultiArray}}" >
|
||
<view class="m_secLst f-fbc">
|
||
<span class="font_28 color-333 bold">职业</span>
|
||
<block v-if="show">
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="industry">{{industry}} / {{industry_sub}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<view class="font_28 f-fec" style="width: 80%">
|
||
<text v-if="industry" class="text ellipsis_1 flo_r text-right color333" style="width: 80%">{{objectMultiArray[0][multiIndex2[0]]}} - {{industry_sub === '其他行业' ? objectMultiArray[1][multiIndex2[1]] : industry_sub}}</text>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<view class="u_section">
|
||
<picker value="{{incomeIndex}}" range="{{incomeList}}" bindchange="incomeChange">
|
||
<view class="m_secLst f-fbc">
|
||
<span class="font_28 color-333 bold">年收入</span>
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="incomeIndexSelect">{{incomeList[incomeIndex]}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<view class="u_section">
|
||
<picker value="{{beliefIndex}}" range="{{belief}}" bindchange="beliefChange">
|
||
<view class="m_secLst f-fbc">
|
||
<span class="font_28 color-333 bold">信仰</span>
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="beliefIndexSelect">{{belief[beliefIndex]}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
<view class="u_section">
|
||
<picker value="{{marriageIndex}}" range="{{marriage}}" bindchange="marriageChange">
|
||
<view class="m_secLst f-fbc">
|
||
<span class="font_28 color-333 bold">期望结婚</span>
|
||
<view class="font_28 f-fc">
|
||
<span class="color333" v-if="marriageIndexSelect">{{marriage[marriageIndex]}}</span>
|
||
<span v-else class="color-999">请选择</span>
|
||
<text class="cuIcon-right lg text-gray"></text>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
<view class=""></view>
|
||
</view>
|
||
<view class="mainBtn f-fcc">
|
||
<button class="btn font_30 btn-box white radius shadow bg-blue margin-top f-fcc" @tap="ensure">保存</button>
|
||
</view>
|
||
<view class="cu-modal {{modalName=='Other'?'show':''}}">
|
||
<view class="cu-dialog" style="width:600rpx;">
|
||
<view class="bg-img bg-imgs">请输入职业</view>
|
||
<input type="text" placeholder="请输入" @blur="typing('otherOccupation',$event)" class="u_name_inp_V2" value="{{otherOccupation}}" cursor-spacing="50" maxlength="10" />
|
||
<view class="cu-bar bg-white" style="border-top:10rpx solid #f5f5f5;display:flex;">
|
||
<view class="action margin-0 flex-sub" style="color:#999999;font-size:32rpx;font-weight:500;border-right:1rpx solid #f5f5f5;" @tap="cancel">取消</view>
|
||
<view class="action margin-0 flex-sub solid-left" style="color:#F33B6C;font-size:32rpx;font-weight:500;" @tap="changeOccupation">确认</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import wepy from '@wepy/core'
|
||
import { service } from '../../config.js'
|
||
import https from '../../mixins/https'
|
||
import base from '../../mixins/base'
|
||
|
||
wepy.page({
|
||
mixins: [base, https],
|
||
data: {
|
||
sex: ['男', '女'],
|
||
sexIndex: 0,
|
||
sexIndexSelect: false,
|
||
selectSex: false,
|
||
state: '',
|
||
statureList: [], // 身高list
|
||
statureIndex: 0, // 默认160cm
|
||
statureIndexSelect: false,
|
||
weightList: [], // 体重list
|
||
weightIndex: 0, // 默认160cm
|
||
weightIndexSelect: false,
|
||
stateIndex: 0,
|
||
stateIndexSelect: false,
|
||
residentIndex: 0,
|
||
degree: ['小学', '初中', '高中', '中专', '大专', '本科', '硕士', '博士', '其他'],
|
||
degreeIndex: 0,
|
||
degreeIndexSelect: false,
|
||
incomeList: ['5w以下', '5~10w', '10~15w', '15~30w', '30~50w', '50~100w', '100~500w', '500w以上'],
|
||
incomeIndex: 0,
|
||
incomeIndexSelect: false,
|
||
belief: ['基督教', '佛教', '伊斯兰教', '其他'],
|
||
beliefIndex: 0,
|
||
beliefIndexSelect: false,
|
||
marriage: ['半年内', '一年内', '两年内', '两年后'],
|
||
marriageIndex: 0,
|
||
marriageIndexSelect: false,
|
||
salary: [],
|
||
salaryIndex: 0,
|
||
region: ['', '', ''],
|
||
region_id: ['', '', ''],
|
||
CITY_INDEX: 0,
|
||
photos: [],
|
||
CITY_INDEX1: 1,
|
||
birthday: '',
|
||
name: '',
|
||
nickname: '',
|
||
age: '',
|
||
weight: '',
|
||
country: '',
|
||
stature: '',
|
||
graduate_school: '',
|
||
company: '',
|
||
introduction: '',
|
||
ideal_mate: '',
|
||
post: '',
|
||
wechat_id: '',
|
||
Business: [],
|
||
show: true,
|
||
Salaryshow: false,
|
||
avatar: '', // 头像
|
||
work_text: '',
|
||
WorkShow: false,
|
||
DegreeText: '',
|
||
ShowDegree: false,
|
||
industry: '',
|
||
industry_sub: '',
|
||
multiIndex2: [0, 0],
|
||
objectMultiArray: [],
|
||
salary_id: '',
|
||
salaries: [],
|
||
endDate: '', // 结束时间
|
||
tempMember: 0,
|
||
provinces: [],
|
||
multiIndex: [0, 18, 2],
|
||
multiIndexA: [0, 18, 2],
|
||
modalName: '',
|
||
otherOccupation: '',
|
||
selectCity: '',
|
||
selectCityV1: ''
|
||
|
||
},
|
||
|
||
onLoad() {
|
||
this.objectMultiArray = []
|
||
this.getindustry()
|
||
this.getuser()
|
||
this.getStatureList() // 身高数据
|
||
this.getWeightList() // 体重数据
|
||
|
||
let timestamp = Date.parse(new Date())
|
||
let date = new Date(timestamp)
|
||
let Y = date.getFullYear()
|
||
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
|
||
let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
|
||
this.endDate = `${Y}-${M}-${D}`
|
||
|
||
wx.setNavigationBarColor({
|
||
frontColor: '#000000',
|
||
backgroundColor: '#F5F5F5'
|
||
})
|
||
},
|
||
onShow() {
|
||
console.log(this.route)
|
||
},
|
||
methods: {
|
||
show(e) {
|
||
this.graduate_school = e
|
||
},
|
||
getStatureList() { // 身高
|
||
let list = []
|
||
for (let num = 139; num < 202; num++) {
|
||
if (num < 140) {
|
||
list.push(`${num}cm以下`)
|
||
} else if (num == 201) {
|
||
list.push(`${num}cm以上`)
|
||
} else {
|
||
list.push(`${num}cm`)
|
||
}
|
||
}
|
||
this.statureList = list
|
||
},
|
||
|
||
getWeightList() { // 体重
|
||
let list = []
|
||
for (let num = 39; num < 132; num++) {
|
||
if (num < 40) {
|
||
list.push(`${num}kg以下`)
|
||
} else if (num == 131) {
|
||
list.push(`${num}kg以上`)
|
||
} else {
|
||
list.push(`${num}kg`)
|
||
}
|
||
}
|
||
this.weightList = list
|
||
},
|
||
|
||
getindustry() { // 行业
|
||
let that = this
|
||
this.loading = true
|
||
this.$get({url: `${service.host}/industry/json`})
|
||
.then(({code, data}) => {
|
||
that.getuser()
|
||
let result = data
|
||
that.Business = result
|
||
let IndustryArr = []
|
||
result.forEach(function (item, index, arr) {
|
||
IndustryArr.push(arr[index].title)
|
||
})
|
||
that.objectMultiArray.push(IndustryArr)
|
||
that.objectMultiArray.push(result[0].items)
|
||
})
|
||
},
|
||
getuser() {
|
||
let that = this
|
||
this.loading = true
|
||
this.$get({url: `${service.host}/user/base/profile`}).then(({code, data}) => {
|
||
let result = data
|
||
that.name = result.nickname
|
||
that.nickname = result.nickname
|
||
that.age = result.age
|
||
that.avatar = result.avatar
|
||
that.weight = result.weight
|
||
that.stature = result.stature
|
||
that.country = result.country
|
||
that.post = result.post
|
||
// that.wechat_id = result.wechat_id
|
||
that.graduate_school = result.graduate_school
|
||
that.introduction = result.introduction
|
||
that.ideal_mate = result.ideal_mate
|
||
that.work_text = result.work_sort
|
||
that.DegreeText = result.degree
|
||
that.state = result.state
|
||
setTimeout(function () {
|
||
that.multiCity1(result.country, result.resident_province, result.resident_city)
|
||
that.multiCity(result.country, result.province, result.city)
|
||
}, 800)
|
||
if (data.sex == 1) {
|
||
that.sexIndex = 0
|
||
that.sexIndexSelect = true
|
||
} else if (data.sex == 2) {
|
||
that.sexIndex = 1
|
||
that.sexIndexSelect = true
|
||
} else {
|
||
}
|
||
that.statureList.map((item, index) => {
|
||
// console.log(item)
|
||
if (parseInt(item) == result.stature) {
|
||
that.statureIndex = index
|
||
that.statureIndexSelect = true
|
||
}
|
||
})
|
||
that.weightList.map((item, index) => {
|
||
// console.log(parseInt(item))
|
||
if (parseInt(item) == result.weight) {
|
||
that.weightIndex = index
|
||
that.weightIndexSelect = true
|
||
}
|
||
})
|
||
if (result.birthday) {
|
||
that.birthday = result.birthday
|
||
}
|
||
if (result.province) {
|
||
that.region = [result.country, result.province, result.city]
|
||
}
|
||
if (result.resident_city) {
|
||
that.region_id = [that.region_id[0], result.resident_province, result.resident_city]
|
||
}
|
||
that.degree.forEach((item, index, arr) => {
|
||
if (result.degree == arr[index]) {
|
||
that.degreeIndex = index
|
||
that.degreeIndexSelect = true
|
||
}
|
||
})
|
||
that.belief.forEach((item, index, arr) => {
|
||
if (result.belief == arr[index]) {
|
||
that.beliefIndex = index
|
||
that.beliefIndexSelect = true
|
||
}
|
||
})
|
||
that.marriage.forEach((item, index, arr) => {
|
||
if (result.marry_by_time == arr[index]) {
|
||
that.marriageIndex = index
|
||
that.marriageIndexSelect = true
|
||
}
|
||
})
|
||
that.incomeList.forEach((item, index, arr) => {
|
||
if (result.income == arr[index]) {
|
||
that.incomeIndex = index
|
||
that.incomeIndexSelect = true
|
||
}
|
||
})
|
||
that.industry = data.industry
|
||
that.industry_sub = data.industry_sub
|
||
let one = ''
|
||
let two = ''
|
||
that.Business.forEach((ele, index) => {
|
||
if (ele.title == that.industry) {
|
||
one = index
|
||
that.objectMultiArray = [that.objectMultiArray[0], that.Business[one].items]
|
||
ele.items.forEach((eles, indexs) => {
|
||
if (eles == that.industry_sub) {
|
||
two = indexs
|
||
}
|
||
})
|
||
}
|
||
})
|
||
that.multiIndex2 = [one, two]
|
||
})
|
||
},
|
||
|
||
ensureData(data) { // 保存
|
||
this.$put({url: `${service.host}/user/base/profile`, data}).then(({code, data}) => {
|
||
console.log('参数保存成功！')
|
||
wx.navigateBack({
|
||
delta: 1
|
||
})
|
||
})
|
||
},
|
||
|
||
multiCity(country, province, city) {
|
||
let multiIndex = [0, 0, 0]
|
||
try {
|
||
this.provinces.forEach((item, index) => {
|
||
if (item.name == '中国') {
|
||
multiIndex = [index, 0, 0]
|
||
this.$refs.selectCity.MultiPickerColumnChange({$wx: {detail: {
|
||
value: index,
|
||
column: 0
|
||
}}})
|
||
item.son.forEach((res, indexA) => {
|
||
if (res.name == province) {
|
||
this.$refs.selectCity.MultiPickerColumnChange({$wx: {detail: {
|
||
value: indexA,
|
||
column: 1
|
||
}}})
|
||
multiIndex = [multiIndex[0], indexA, 0]
|
||
res.son.forEach((data, indexB) => {
|
||
if (data.name == city) {
|
||
this.$refs.selectCity.MultiPickerColumnChange({$wx: {detail: {
|
||
value: indexB,
|
||
column: 2
|
||
}}})
|
||
multiIndex = [multiIndex[0], multiIndex[1], indexB]
|
||
}
|
||
})
|
||
}
|
||
})
|
||
}
|
||
})
|
||
this.multiIndex = multiIndex
|
||
} catch (e) {}
|
||
},
|
||
|
||
multiCity1(country, province, city, type) {
|
||
let multiIndex = [0, 0, 0]
|
||
try {
|
||
this.provinces.forEach((item, index) => {
|
||
if (item.name == '中国') {
|
||
multiIndex = [index, 0, 0]
|
||
this.$refs.selectCityV1.MultiPickerColumnChange({$wx: {detail: {
|
||
value: index,
|
||
column: 0
|
||
}}})
|
||
item.son.forEach((res, indexA) => {
|
||
if (res.name == province) {
|
||
this.$refs.selectCityV1.MultiPickerColumnChange({$wx: {detail: {
|
||
value: indexA,
|
||
column: 1
|
||
}}})
|
||
multiIndex = [multiIndex[0], indexA, 0]
|
||
res.son.forEach((data, indexB) => {
|
||
if (data.name == city) {
|
||
this.$refs.selectCityV1.MultiPickerColumnChange({$wx: {detail: {
|
||
value: indexB,
|
||
column: 2
|
||
}}})
|
||
multiIndex = [multiIndex[0], multiIndex[1], indexB]
|
||
}
|
||
})
|
||
}
|
||
})
|
||
}
|
||
})
|
||
this.multiIndexA = multiIndex
|
||
console.log(this.multiIndexA, 'this.multiIndexA =')
|
||
} catch (e) {}
|
||
},
|
||
ensure() { // 检索参数
|
||
let vm = this
|
||
if (vm.name == '') {
|
||
return vm.$showToast('昵称不能为空')
|
||
}
|
||
if (vm.name.includes('福恋')) {
|
||
return vm.$showToast('请勿输入带“福恋”关键字的昵称！')
|
||
}
|
||
let data = {
|
||
nickname: vm.name,
|
||
birthday: vm.birthday,
|
||
stature: vm.stature - 0,
|
||
weight: vm.weight - 0,
|
||
post: vm.post,
|
||
// wechat_id: vm.wechat_id,
|
||
graduate_school: vm.graduate_school,
|
||
state: vm.state,
|
||
country: vm.region[0],
|
||
province: vm.region[1],
|
||
city: vm.region[2],
|
||
resident_province: vm.region_id[1],
|
||
resident_city: vm.region_id[2],
|
||
degree: vm.degree[vm.degreeIndex],
|
||
industry: !vm.show ? vm.objectMultiArray[0][vm.multiIndex2[0]] : vm.industry,
|
||
industry_sub: !vm.show ? vm.objectMultiArray[1][vm.multiIndex2[1]] : vm.industry_sub,
|
||
belief: vm.belief[vm.beliefIndex],
|
||
marry_by_time: vm.marriage[vm.marriageIndex],
|
||
income: vm.incomeList[vm.incomeIndex]
|
||
}
|
||
if (vm.sexIndex > -1) {
|
||
data.sex = vm.sexIndex == 0 ? 1 : 2
|
||
}
|
||
console.log(data)
|
||
this.ensureData(data)
|
||
},
|
||
bindMultiPickerChange2(e) {
|
||
console.log(e)
|
||
console.log('picker发送选择改变，携带值为', e.$wx.detail.value)
|
||
try {
|
||
this.multiIndex2 = e.$wx.detail.value
|
||
this.industry = this.objectMultiArray[0][e.$wx.detail.value[0]]
|
||
this.industry_sub = this.objectMultiArray[1][e.$wx.detail.value[1]]
|
||
if (this.objectMultiArray[0][e.$wx.detail.value[0]] == '其他行业') {
|
||
this.otherOccupation = ''
|
||
this.modalName = 'Other'
|
||
}
|
||
} catch (e) {}
|
||
},
|
||
cancel() {
|
||
this.modalName = ''
|
||
},
|
||
changeOccupation() {
|
||
this.modalName = ''
|
||
this.industry_sub = this.otherOccupation
|
||
},
|
||
bindMultiPickerColumnChange2(e) {
|
||
console.log(e, '1988__________')
|
||
let that = this
|
||
that.show = false
|
||
switch (e.$wx.detail.column) {
|
||
case 0:
|
||
for (let i = 0; i < that.Business.length; i++) {
|
||
if (e.$wx.detail.value === i) {
|
||
that.objectMultiArray = [that.objectMultiArray[0], that.Business[i].items]
|
||
}
|
||
}
|
||
that.multiIndex2 = [e.$wx.detail.value, 0]
|
||
break
|
||
}
|
||
},
|
||
typing(type, e) {
|
||
let {value} = e.$wx.detail
|
||
let vm = this
|
||
if (type == 'name' && value.includes('福恋')) {
|
||
vm.$showToast('请勿输入带“福恋”关键字的昵称！')
|
||
}
|
||
this[type] = e.$wx.detail.value
|
||
},
|
||
sexChange(e) { // 性别
|
||
this.sexIndex = e.$wx.detail.value
|
||
this.sexIndexSelect = true
|
||
console.log(this.sexIndex)
|
||
},
|
||
statureChange(e) { // 身高
|
||
this.statureIndex = e.$wx.detail.value
|
||
this.statureIndexSelect = true
|
||
this.stature = this.statureList[this.statureIndex].split('cm')[0]
|
||
console.log(this.stature)
|
||
},
|
||
weightChange(e) { // 体重
|
||
this.weightIndex = e.$wx.detail.value
|
||
this.weightIndexSelect = true
|
||
this.weight = this.weightList[this.weightIndex].split('kg')[0]
|
||
console.log(this.weight)
|
||
},
|
||
beliefChange(e) {
|
||
this.beliefIndex = e.$wx.detail.value
|
||
this.beliefIndexSelect = true
|
||
},
|
||
marriageChange(e) {
|
||
this.marriageIndex = e.$wx.detail.value
|
||
this.marriageIndexSelect = true
|
||
},
|
||
incomeChange(e) { // 年收入
|
||
this.incomeIndex = e.$wx.detail.value
|
||
this.incomeIndexSelect = true
|
||
},
|
||
bindTips(text) {
|
||
this.$showToast(text)
|
||
},
|
||
selectCity(e, index) {
|
||
if (index == 0) {
|
||
this.region = e
|
||
} else {
|
||
this.region_id = e
|
||
}
|
||
},
|
||
getProvinces (value) {
|
||
this.provinces = value
|
||
}
|
||
}
|
||
})
|
||
</script>
|
||
<style lang="less">
|
||
page{
|
||
background: #F5F5F5;
|
||
}
|
||
.unmarrContainer{
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
box-sizing: border-box;
|
||
}
|
||
.mainBtn{
|
||
width: 100vw;
|
||
height: 240rpx;
|
||
position: relative;
|
||
z-index: 1000;
|
||
position: fixed;
|
||
bottom: 0;
|
||
.blurBox {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
background: white;
|
||
filter: blur(10px) contrast(1.2);
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.btn-box{
|
||
width: 520rpx;
|
||
height: 80rpx;
|
||
background: linear-gradient(270deg, #FF85A5 0%, #FF5380 100%);
|
||
border-radius: 100rpx;
|
||
}
|
||
}
|
||
.active {
|
||
border: 1rpx solid color-theme
|
||
}
|
||
|
||
.display_inlin {
|
||
display: inline-block
|
||
}
|
||
.flo_l{float: left}
|
||
.userinfo{
|
||
width: 100%;
|
||
font-size: 26rpx;
|
||
font-weight: bold;
|
||
box-shadow: 1rpx 1rpx 10rpx #d6d6d6;
|
||
position: fixed;
|
||
left: 0;
|
||
top:0;
|
||
background: white;
|
||
z-index: 10;
|
||
}
|
||
.violet{color: #B22DC3}
|
||
|
||
.font_12 {
|
||
font-size: 22 rpx
|
||
}
|
||
.orderdata{
|
||
width: 100%;
|
||
padding:30rpx 30rpx 160rpx;
|
||
}
|
||
.weui-cell{
|
||
padding: 12rpx 0;
|
||
}
|
||
.Inp{
|
||
text-align: right;
|
||
width: 72%;height: 72rpx;
|
||
float: right;
|
||
margin-top: 6rpx;
|
||
font-weight: 200;
|
||
}
|
||
.text{
|
||
float: right;
|
||
/*margin-right: 82rpx;*/
|
||
font-family: PingFangSC-Regular, PingFang SC;
|
||
}
|
||
.next{
|
||
height: 120rpx;
|
||
/*border-top: 1rpx solid #d9d9d9 ;*/
|
||
border-bottom: 1rpx solid #d9d9d9 ;
|
||
z-index: 10;
|
||
width: 100%;
|
||
background: white;
|
||
padding-bottom: 12rpx;
|
||
/*box-shadow: 5rpx 5rpx 12rpx #c2571f;*/
|
||
}
|
||
.InputFocus{
|
||
color: color-theme;
|
||
}
|
||
.active_user{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
box-shadow: 1rpx 1rpx 12rpx #dedede;
|
||
margin:10rpx 16rpx 10rpx 36rpx;
|
||
border: 4rpx solid white;
|
||
}
|
||
.getinfo{
|
||
margin-top: 66rpx;
|
||
color: #ff9832;
|
||
border: 1rpx solid #ff9832;
|
||
padding: 2rpx 4rpx;
|
||
border-radius: 6rpx;
|
||
box-shadow: 1rpx 1rpx 12rpx #dbdbdb;
|
||
line-height: inherit;
|
||
}
|
||
.mainTitle{
|
||
padding: 0 0 20rpx 40rpx;
|
||
}
|
||
.userPhoto{
|
||
padding: 22rpx;
|
||
image{
|
||
width: 160rpx;
|
||
height: 160rpx;
|
||
margin: 0 16rpx 12rpx 0;
|
||
}
|
||
}
|
||
.list{
|
||
height: 86rpx;
|
||
line-height: 86rpx;
|
||
font-size: 28rpx;
|
||
margin: 0 32rpx;
|
||
border-bottom: 2rpx solid #f4f5f9;
|
||
overflow: hidden;
|
||
.icon{
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
vertical-align: middle;
|
||
margin-bottom: 1vw;
|
||
}
|
||
}
|
||
.m_bas {
|
||
.u_bas {
|
||
.m_basLst {
|
||
height: 80rpx;
|
||
.u_name_inp {
|
||
height: 100%;
|
||
text-align: right;
|
||
flex: 1;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
.cuIcon-right {
|
||
margin-left: 16rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.m_section {
|
||
.u_section {
|
||
.m_secLst {
|
||
height: 80rpx;
|
||
.u_name_inp {
|
||
height: 100%;
|
||
text-align: right;
|
||
flex: 1;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
.cuIcon-right {
|
||
margin-left: 16rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.m_section,
|
||
.m_bas {
|
||
background-color: white;
|
||
border-radius: 32rpx;
|
||
padding: 20rpx 40rpx;
|
||
margin-bottom: 60rpx;
|
||
.tips_icon {
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
margin-left: 8rpx;
|
||
}
|
||
}
|
||
.bg-imgs {
|
||
height: 100rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background: #ffffff;
|
||
font-size: 32rpx;
|
||
color: #333333;
|
||
font-weight: 500;
|
||
}
|
||
.u_name_inp_V2 {
|
||
height: 80rpx;
|
||
text-align: center;
|
||
flex: 1;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
</style>
|
||
<config>
|
||
{
|
||
navigationBarTitleText: '编辑资料',
|
||
enablePullDownRefresh: false,
|
||
backgroundColorTop: '#f2f2f2',
|
||
backgroundColorBottom: '#f2f2f2',
|
||
usingComponents: {
|
||
uploadPic: '~@/components/uploadPic',
|
||
selectCity: '~@/components/selectCity',
|
||
selectCity1: '~@/components/selectCity',
|
||
}
|
||
}
|
||
</config>
|