You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
225 lines
7.4 KiB
225 lines
7.4 KiB
2 years ago
|
<template>
|
||
|
|
<!-- 布局 flex 组件 view -->
|
||
|
|
<view class="addDiver_body">
|
||
|
|
<!-- 卡片 -->
|
||
|
|
<view class="addDiver_card">
|
||
|
|
|
||
|
|
<view class="card_title">
|
||
|
|
<view class="tiao"></view>
|
||
|
|
<view class="card_title_text">基础信息</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<uni-list>
|
||
|
|
<uni-list-item>
|
||
|
|
<view class="list_header" slot="header">
|
||
|
|
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||
|
|
用户昵称
|
||
|
|
</view>
|
||
|
|
<view style="padding-right: 16px !important;" slot="body" class="list_right">
|
||
|
|
<input v-model="postData.userName" placeholder="请输入昵称" class="list_right_input" />
|
||
|
|
</view>
|
||
|
|
</uni-list-item>
|
||
|
|
<uni-list-item class="fg">
|
||
|
|
<view class="list_header" slot="header">
|
||
|
|
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||
|
|
密码
|
||
|
|
</view>
|
||
|
|
<view slot="body" class="list_right">
|
||
|
|
<view style="width: 100%;padding-right: 16px !important; ">
|
||
|
|
<input v-model="postData.password" placeholder="请输入密码或生成随机密码" class="list_right_input" />
|
||
|
|
<view @tap="random()"
|
||
|
|
style="font-size: 24rpx; position: relative; color: #2866FF; justify-content: flex-end; display: flex;align-items: center;z-index: 999999;">
|
||
|
|
<text>生成密码</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</uni-list-item>
|
||
|
|
<uni-list-item :border="false">
|
||
|
|
<view class="list_header" slot="header">
|
||
|
|
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||
|
|
手机号码
|
||
|
|
</view>
|
||
|
|
<view style="padding-right: 16px !important;" slot="body" class="list_right">
|
||
|
|
<view style="width: 100%; ">
|
||
|
|
<input v-model="postData.phone" placeholder="请输入手机号码" class="list_right_input" />
|
||
|
|
<view
|
||
|
|
style="font-size: 24rpx; color: #2866FF; justify-content: flex-end; display: flex;align-items: center;">
|
||
|
|
<radio style="transform:scale(0.5)" color="#2866FF" value="r1" :checked="false" />
|
||
|
|
是否将密码发送给客户
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</uni-list-item>
|
||
|
|
<uni-list-item link>
|
||
|
|
<view class="list_header" slot="header">
|
||
|
|
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||
|
|
生日</view>
|
||
|
|
<view @click="show=true" :style="{color:postData.birthday?'#333333':''}" slot="body" class="list_right list_nosele">
|
||
|
|
{{postData.birthday?postData.birthday:'请选择生日日期'}}
|
||
|
|
</view>
|
||
|
|
</uni-list-item>
|
||
|
|
<uni-list-item link>
|
||
|
|
<view class="list_header" slot="header">
|
||
|
|
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||
|
|
头像</view>
|
||
|
|
<view @click="clickfn" slot="body" :style="{color:postData.headPhoto?'#333333':''}" class="list_right list_nosele">
|
||
|
|
{{postData.headPhoto?'已上传':'请上传'}}
|
||
|
|
</view>
|
||
|
|
</uni-list-item>
|
||
|
|
<!-- <uni-list-item>
|
||
|
|
<view class="list_header" slot="header">
|
||
|
|
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||
|
|
个人车牌
|
||
|
|
</view>
|
||
|
|
<view style="padding-right: 16px !important;" slot="body" class="list_right list_nosele">
|
||
|
|
<input v-model="postData.plateNumber" placeholder="请输入个人车牌号码" class="list_right_input" />
|
||
|
|
</view>
|
||
|
|
</uni-list-item> -->
|
||
|
|
</uni-list>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
<!-- 底部按钮 -->
|
||
|
|
<view class="list_footer" >
|
||
|
|
<button @tap="postFn" class="list_butten ">保存</button>
|
||
|
|
</view>
|
||
|
|
<u-picker @confirm='dateConfirm' v-model="show" mode="time"></u-picker>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import tool from '@/utils/tool'
|
||
|
|
import addDirver from '@/api/addDirver'
|
||
|
|
import md5 from 'js-md5'
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
check:['userName','password','phone'],
|
||
|
|
show: false,
|
||
|
|
jsData:null,
|
||
|
|
postData:{
|
||
|
|
id:'',
|
||
|
|
userName:'',
|
||
|
|
password:'',
|
||
|
|
phone:'',
|
||
|
|
birthday:'',
|
||
|
|
headPhoto:'',
|
||
|
|
plateNumber:'',
|
||
|
|
registerMode:'1',
|
||
|
|
userSource:'OMS-MINIAPP'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad(e) {
|
||
|
|
let that =this
|
||
|
|
if (e.jsData) {
|
||
|
|
this.jsData = JSON.parse(e.jsData)
|
||
|
|
this.postData.id = that.jsData.customerId
|
||
|
|
this.postData.plateNumber = that.jsData.plateNumber
|
||
|
|
this.postData.userName = that.jsData.userName
|
||
|
|
this.postData.phone = that.jsData.phone
|
||
|
|
this.postData.birthday = that.jsData.birthday
|
||
|
|
this.postData.headPhoto = that.jsData.headPhoto
|
||
|
|
console.log( this.postData,this.jsData)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
async random() {
|
||
|
|
let mima = []
|
||
|
|
let open = false
|
||
|
|
//8位密码
|
||
|
|
for (let i = 0; i < 8; i++) {
|
||
|
|
/*随机生成两个0-10的数字 通过对比大小 随机控制 当前位数生成字母还是数字
|
||
|
|
false:生成数字 true:生成随机大小写字母*/
|
||
|
|
open = parseInt(Math.random() * 10) > parseInt(Math.random() * 10)
|
||
|
|
|
||
|
|
let zm = mima.join('').match(/[A-z]/g) || [] //匹配字母 match返回一个已匹配到的数组
|
||
|
|
let nm = mima.join('').match(/[0-9]/g) || [] //匹配数字 match返回一个已匹配到的数组
|
||
|
|
/*通过返回的匹配到的数组
|
||
|
|
判断已需要的字母或字母是否满足最少字母或数字位数条件
|
||
|
|
条件满足,干预随机生成条件,反之继续运行
|
||
|
|
现在生成条件为4个数字4个随机大小写字母
|
||
|
|
*/
|
||
|
|
if (nm.length == 4) {
|
||
|
|
open = false
|
||
|
|
}
|
||
|
|
if (zm.length == 4) {
|
||
|
|
open = true
|
||
|
|
}
|
||
|
|
//执行生成
|
||
|
|
if (open) {
|
||
|
|
let number = this.randomNumberFn()
|
||
|
|
mima.push(number)
|
||
|
|
} else {
|
||
|
|
let code = await this.randomUnicodeFn()
|
||
|
|
mima.push(String.fromCharCode(code))
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this.postData.password = mima.join('')
|
||
|
|
console.log(mima.join(''), '---')
|
||
|
|
},
|
||
|
|
//随机生成数字 0-10
|
||
|
|
randomNumberFn() {
|
||
|
|
return parseInt(Math.random() * 10);
|
||
|
|
},
|
||
|
|
/*
|
||
|
|
随机生成 大小写英文字母
|
||
|
|
如随机生成的是91-96之间的Unicode编码数字无法对应生成大小写 英文字母 则重新生成
|
||
|
|
*/
|
||
|
|
randomUnicodeFn() {
|
||
|
|
return new Promise((resolve, reject) => { //
|
||
|
|
let numberarry = /^9[1-6]{1}$/
|
||
|
|
let timer = setInterval(() => {
|
||
|
|
let code = parseInt(Math.random() * 57) + 65
|
||
|
|
if (!numberarry.test(code)) {
|
||
|
|
console.log(String.fromCharCode(code), code)
|
||
|
|
clearInterval(timer)
|
||
|
|
resolve(code)
|
||
|
|
}
|
||
|
|
}, 100)
|
||
|
|
})
|
||
|
|
},
|
||
|
|
postFn(){
|
||
|
|
let that =this
|
||
|
|
let checkOpen = true
|
||
|
|
// this.postData.password = md5(this.postData.password)
|
||
|
|
Object.keys(this.postData).forEach(kes=>{
|
||
|
|
if(this.check.includes(kes) && this.postData[kes] == ''){
|
||
|
|
checkOpen = false
|
||
|
|
return
|
||
|
|
}
|
||
|
|
})
|
||
|
|
if(!checkOpen){
|
||
|
|
uni.showToast({
|
||
|
|
title:'重要信息不能为空',
|
||
|
|
icon:'none'
|
||
|
|
})
|
||
|
|
return
|
||
|
|
}
|
||
|
|
addDirver.updateDriver(Object.assign(JSON.parse(JSON.stringify(this.postData)),{password:md5(this.postData.password)})).then(res=>{
|
||
|
|
if(res.code!==20000)return
|
||
|
|
// uni.$emit('updateDriver',that.jsData.customerId)
|
||
|
|
uni.navigateBack()
|
||
|
|
})
|
||
|
|
console.log(this.postData)
|
||
|
|
},
|
||
|
|
clickfn(e) {
|
||
|
|
if (typeof e !== "object") {
|
||
|
|
this.postData.headPhoto = e
|
||
|
|
uni.showToast({
|
||
|
|
title:'上传成功'
|
||
|
|
})
|
||
|
|
return
|
||
|
|
}
|
||
|
|
tool.chooseImage(this.clickfn)
|
||
|
|
},
|
||
|
|
dateConfirm(e){
|
||
|
|
this.postData.birthday = e.year + '-' + e.month + '-' + e.day
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" >
|
||
|
|
@import url("./driver.css");
|
||
|
|
</style>
|