wangyifang
/
sz-kjsxy-wx-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

个人信息

Browse Source
master
lion 3 months ago
parent c74415d4af
commit ec76d5f827
3 changed files with 94 additions and 23 deletions
Show Stats Download Patch File Download Diff File

10
components/company-selector/company-selector.vue
Unescape View File

@ -79,6 +79,11 @@ export default {
value: {
type: Boolean,
default: false
},
// 初始值（公司名称）
initialValue: {
type: String,
default: ''
}
},
data() {
@ -95,8 +100,11 @@ export default {
value(newVal) {
this.showPopup = newVal;
if (newVal) {
// 弹窗打开时重置状态
// 弹窗打开时重置状态，并设置初始值
this.resetData();
if (this.initialValue) {
this.searchKeyword = this.initialValue;
}
}
},
showPopup(newVal) {

57
packages/my/index.vue
Unescape View File

@ -12,8 +12,8 @@
<u-form-item label="姓名" prop="username">
{{form.username}}
</u-form-item>
<u-form-item label="性别" prop="sex">
{{form.sex}}
<u-form-item label="性别" prop="sex" required>
<u-input @click="showSex = true" placeholder="请选择性别" v-model="form.sex" type="select" />
</u-form-item>
<u-form-item label="联系方式" prop="mobile">
<view style="display: flex;justify-content: space-between;align-items: center;">
@ -25,16 +25,16 @@
<u-form-item label="身份证号" prop="idcard">
<u-input type="idcard" border placeholder="请输入身份证号" v-model="form.idcard" />
</u-form-item>
<u-form-item label="出生日期" prop="birthday">
<u-form-item label="出生日期" prop="birthday" required>
<u-input @click="dateShow=true" placeholder="请选择出生日期" v-model="form.birthday"
type="select" />
</u-form-item>
<u-form-item label="邮箱" prop="email">
<u-form-item label="邮箱" prop="email" required>
<u-input v-model="form.email" border placeholder="请输入邮箱" /></u-form-item>
<u-form-item label="公司名称" prop="company_name">
<u-input @click="showCompanySelector = true" type="select" v-model="form.company_name" border placeholder="请选择公司名称" />
<u-form-item label="公司名称" prop="company_name" required>
<u-input @click="openCompanySelector" type="select" v-model="form.company_name" border placeholder="请选择公司名称" />
</u-form-item>
<u-form-item label="职务" prop="company_position">
<u-form-item label="职务" prop="company_position" required>
<u-input border v-model="form.company_position" placeholder="请输入职务" />
</u-form-item>
@ -58,6 +58,7 @@
</view>
</view>
<u-picker @confirm="dateConfirm" mode="time" v-model="dateShow" :params="dateParams"></u-picker>
<u-picker @confirm="selectSex" v-model="showSex" :range="sexList" range-key="value" mode="selector"></u-picker>
<view class="modal">
<u-popup v-model="showPark" mode="bottom">
<view class="modal-tip">绑定车牌号</view>
@ -96,7 +97,7 @@
</u-popup>
</view>
<!-- 公司选择器 -->
<company-selector v-model="showCompanySelector" @confirm="handleCompanyConfirm" @no-data="handleNoCompanyData"></company-selector>
<company-selector v-model="showCompanySelector" :initial-value="form.company_name" @confirm="handleCompanyConfirm" @no-data="handleNoCompanyData"></company-selector>
<!-- 手动输入公司名称 -->
<view class="modal">
<u-popup v-model="showCompanyInput" mode="bottom">
@ -132,6 +133,7 @@
return {
userAvatar: '',
showMobile: false,
showSex: false,
myMobile: '',
myCode: '',
hasSend: false,
@ -169,7 +171,19 @@
showCompanySelector: false,
showCompanyInput: false,
manualCompanyName: '',
sexList: [{
label: '男',
value: '男'
}, {
label: '女',
value: '女'
}],
rules: {
sex: [{
required: true,
message: '请选择性别',
trigger: ['blur', 'change'],
}],
mobile: [{
required: true,
message: '请输入联系方式',
@ -194,6 +208,10 @@
trigger: ['blur'],
}],
email: [{
required: true,
message: '请输入邮箱',
trigger: ['blur'],
},{
validator: (rule, value, callback) => {
if (!this.base.isNull(value)) {
return this.$u.test.email(value);
@ -204,6 +222,21 @@
message: '邮箱不正确',
trigger: ['blur'],
}],
company_name: [{
required: true,
message: '请选择公司名称',
trigger: ['blur', 'change'],
}],
company_position: [{
required: true,
message: '请输入职务',
trigger: ['blur'],
}],
birthday: [{
required: true,
message: '请选择出生日期',
trigger: ['blur', 'change'],
}]
}
}
},
@ -227,6 +260,10 @@
}
},
methods: {
selectSex(e) {
console.log("e", e)
this.form.sex = this.sexList[e[0]]['value']
},
changeAvatar(){
uni.navigateTo({
url:'/packages/avatarUpload/index'
@ -368,6 +405,10 @@
}
});
},
// 打开公司选择器
openCompanySelector() {
this.showCompanySelector = true;
},
// 确认手动输入的公司名称
confirmManualCompany() {
if (this.base.isNull(this.manualCompanyName)) {

50
packages/register/index.vue
Unescape View File

@ -17,15 +17,15 @@
<u-button size="mini" type="primary" @click="addMobile">绑定</u-button>
</view>
</u-form-item>
<u-form-item label="出生日期" prop="birthday">
<u-form-item label="出生日期" prop="birthday" required>
<u-input @click="dateShow=true" placeholder="请选择出生日期" v-model="form.birthday"
type="select" /></u-form-item>
<u-form-item label="邮箱" prop="email">
<u-form-item label="邮箱" prop="email" required>
<u-input v-model="form.email" placeholder="请输入邮箱" /></u-form-item>
<u-form-item label="公司名称" prop="company_name">
<u-input @click="showCompanySelector = true" type="select" v-model="form.company_name" border placeholder="请选择公司名称" />
<u-form-item label="公司名称" prop="company_name" required>
<u-input @click="openCompanySelector" type="select" v-model="form.company_name" border placeholder="请选择公司名称" />
</u-form-item>
<u-form-item label="职务" prop="company_position">
<u-form-item label="职务" prop="company_position" required>
<u-input v-model="form.company_position" type="text" placeholder="请输入职务" /></u-form-item>
</u-form>
</view>
@ -62,7 +62,7 @@
<u-picker @confirm="selectSex" v-model="showSex" :range="sexList" range-key="value" mode="selector"></u-picker>
<u-picker @confirm="dateConfirm" mode="time" v-model="dateShow" :params="dateParams"></u-picker>
<!-- 公司选择器 -->
<company-selector v-model="showCompanySelector" @confirm="handleCompanyConfirm" @no-data="handleNoCompanyData"></company-selector>
<company-selector v-model="showCompanySelector" :initial-value="form.company_name" @confirm="handleCompanyConfirm" @no-data="handleNoCompanyData"></company-selector>
<!-- 手动输入公司名称 -->
<view class="modal">
<u-popup v-model="showCompanyInput" mode="bottom">
@ -160,14 +160,32 @@
message: '手机号码不正确',
trigger: ['blur'],
}],
// email: [{
// validator: (rule, value, callback) => {
// return this.$u.test.email(value);
// },
// message: '邮箱不正确',
// trigger: ['blur'],
// }],
email: [{
required: true,
message: '请输入邮箱',
trigger: ['blur'],
},{
validator: (rule, value, callback) => {
return this.$u.test.email(value);
},
message: '邮箱不正确',
trigger: ['blur'],
}],
company_name: [{
required: true,
message: '请选择公司名称',
trigger: ['blur', 'change'],
}],
company_position: [{
required: true,
message: '请输入职务',
trigger: ['blur'],
}],
birthday: [{
required: true,
message: '请选择出生日期',
trigger: ['blur', 'change'],
}]
}
}
},
@ -277,6 +295,10 @@
}
});
},
// 打开公司选择器
openCompanySelector() {
this.showCompanySelector = true;
},
// 确认手动输入的公司名称
confirmManualCompany() {
if (this.base.isNull(this.manualCompanyName)) {

Write Preview
Loading…
Cancel
Save