...
|
...
|
@@ -23,7 +23,9 @@ class UserInfo extends Page { |
|
|
$province: $('#province'),
|
|
|
$city: $('#city'),
|
|
|
$cancelBtn: $('.swiper-header .cancel'),
|
|
|
$okBtn: $('.swiper-header .ok')
|
|
|
$okBtn: $('.swiper-header .ok'),
|
|
|
$provinceText: $('.province-text'),
|
|
|
$cityText: $('.city-text')
|
|
|
};
|
|
|
|
|
|
this.view = {
|
...
|
...
|
@@ -32,11 +34,15 @@ class UserInfo extends Page { |
|
|
|
|
|
this.init();
|
|
|
this.CityId = 0;
|
|
|
this.province = this.selector.$provinceText.text();
|
|
|
this.city = this.selector.$cityText.text();
|
|
|
}
|
|
|
|
|
|
init() {
|
|
|
this.bindEvents();
|
|
|
this.on('citySwiperCb', (event, data) => { // 返回选中的slide对象
|
|
|
|
|
|
// city-swiper的回调函数
|
|
|
this.on('citySwiperCb', (event, data) => { // data是返回选中的slide
|
|
|
let $data = $(data);
|
|
|
let $parent = $data.parents('.swiper-wrapper');
|
|
|
|
...
|
...
|
@@ -53,6 +59,7 @@ class UserInfo extends Page { |
|
|
this.selector.$modifyInp.on('blur', this.modifyInp.bind(this));
|
|
|
this.selector.$cancelBtn.on('click', this.cancelFun.bind(this));
|
|
|
this.selector.$okBtn.on('click', this.okFun.bind(this));
|
|
|
this.selector.$chosenCity.on('DOMNodeInserted', this.modifyInp.bind(this));
|
|
|
}
|
|
|
|
|
|
cancelFun() {
|
...
|
...
|
@@ -62,9 +69,13 @@ class UserInfo extends Page { |
|
|
okFun() {
|
|
|
let $provinceActive = $('#province .swiper-slide-active');
|
|
|
let $cityActive = $('#city .swiper-slide-active');
|
|
|
let $chosenCityText = `${$provinceActive.text()} ${$cityActive.text()}`;
|
|
|
let $chosenCityText = '';
|
|
|
|
|
|
this.selector.$chosenCity.find('.inp').text($chosenCityText);
|
|
|
this.province = $provinceActive.text();
|
|
|
this.city = $cityActive.text();
|
|
|
$chosenCityText = `<span class="province-text">${this.province}</span>
|
|
|
<span class="city-text">${this.city}</span>`;
|
|
|
this.selector.$chosenCity.find('.inp').html($chosenCityText);
|
|
|
this.selector.$citySwiper.hide();
|
|
|
}
|
|
|
|
...
|
...
|
@@ -87,7 +98,9 @@ class UserInfo extends Page { |
|
|
gender: this.selector.$gender.val(),
|
|
|
birthday: this.selector.$birthday.val(),
|
|
|
height: this.selector.$height.val(),
|
|
|
weight: this.selector.$weight.val()
|
|
|
weight: this.selector.$weight.val(),
|
|
|
province: this.province,
|
|
|
city: this.city,
|
|
|
},
|
|
|
}).then(result => {
|
|
|
if (result && result.code === 200) {
|
...
|
...
|
|