新增了添加人员的功能

This commit is contained in:
weipengfei 2023-07-27 19:04:57 +08:00
parent fe68eea739
commit 7461e66fd7
8 changed files with 627 additions and 7 deletions

44
api/file.js Normal file
View File

@ -0,0 +1,44 @@
import {
HTTP_REQUEST_URL_THREE,
HEADER,
TOKENNAME,
} from '@/config/app';
import { Toast } from '../libs/uniApi';
// import { checkLogin } from '../libs/login';
import store from '../store';
function toLogin() {
store.commit("LOGOUT");
uni.showToast({
title: '请登录',
icon: 'none',
duration: 1000
});
}
function upLoad(url, data) {
let Url = HTTP_REQUEST_URL_THREE,
header = {}
// if (store.state.app.token) header[TOKENNAME] = 'Bearer ' + store.state.app.token;
if (store.state.app.token) header[TOKENNAME] = store.state.app.token;
// header[TOKENNAME] = 'Bearer sdjflidshjgfkbdasgjmasbgvhauuiavhkesvndkaesbvkjsdbv';
return new Promise((reslove, reject) => {
uni.uploadFile({
url: Url + '/api' + url,
filePath: data.filePath,
name: data.name,
success: (uploadFileRes) => {
uploadFileRes.data = JSON.parse(uploadFileRes.data)
if(uploadFileRes.data.code==1) reslove(uploadFileRes.data)
else Toast('网络错误')
},
fail: (err) => {
Toast('网络错误')
}
})
});
}
export const upLoadImage = (data)=>{
return upLoad('/upload/image', data)
}

31
api/oaPbulic.js Normal file
View File

@ -0,0 +1,31 @@
import oahttp from "@/utils/oahttp.js";
/**
* 获取市
*/
export const commonCity = (data) => oahttp.get('/common/city', data)
/**
* 获取省
*/
export const commonProvince = (data) => oahttp.get('/common/province', data)
/**
* 获取区县
*/
export const commonArea = (data) => oahttp.get('/common/area', data)
/**
* 获取城镇
*/
export const commonStreet = (data) => oahttp.get('/common/street', data)
/**
* 获取村
*/
export const commonVillage = (data) => oahttp.get('/common/village', data)
/**
* 获取小队
*/
export const commonBrigade = (data) => oahttp.get('/common/brigade', data)

View File

@ -20,3 +20,8 @@ export const userCenter = (data) => oahttp.get('/user/center', data)
*/
export const userInfo = (data) => oahttp.get('/user/info', data)
/**
* 新增人员
*/
export const loginAdd = (data) => oahttp.post('/login/add', data)

View File

@ -283,6 +283,24 @@
"navigationBarTextStyle": "white"
}
}, {
"path": "companyAdmin/companyAdmin",
"style": {
"navigationBarTitleText": "公司管理",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarTextStyle": "white"
}
}, {
"path": "newPersonnel/newPersonnel",
"style": {
"navigationBarTitleText": "新增人员",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarTextStyle": "white"
}
}]
}],
"globalStyle": {

View File

@ -17,7 +17,8 @@ export const wenluData = [
'gxsy/laojiao@2x.png',
'gxsy/zbgy@2x.png'
]
export const marketData = [{
export const marketData = [
{
title: '江阳区',
text: '醉美泸州 • 中国酒城',
src: 'gxsy/jiangyang@2x.png',
@ -66,7 +67,8 @@ export const marketData = [{
code: '510522'
}
]
export const shichangData = [{
export const shichangData = [
{
url: 'img4@2x.png',
title: 'rexiao@2x.png',
text: '农业生产产品'
@ -77,7 +79,8 @@ export const shichangData = [{
text: '村名生活用品'
}
]
export const openList = [{
export const openList = [
{
title: '党建在线',
text: '党建资讯文章',
src: 'djzx@2x.png',
@ -126,7 +129,8 @@ export const openList = [{
}
}
]
export const quickLink = [{
export const quickLink = [
{
icon: 'scfw',
src: 'scfw.png',
name: '商超服务',
@ -209,7 +213,8 @@ export const oaHomeData = [
},
{
text: '公司管理',
icon: prefix + 'oa/bxsq@2x.png'
icon: prefix + 'oa/bxsq@2x.png',
url: '/subpkg/companyAdmin/companyAdmin'
},
{
text: '片区经理',

View File

@ -0,0 +1,53 @@
<template>
<view class="">
<button class="btn" @click="navTo('/subpkg/withdrawDeposit/withdrawDeposit')">提现余额</button>
</view>
</template>
<script>
import { Toast } from '@/libs/uniApi.js'
export default {
data() {
return {
}
},
onLoad() {},
onShow() {},
methods: {
navTo(url) {
url ?
uni.navigateTo({
url: url,
fail() {
uni.switchTab({
url: url
})
}
}) : Toast('暂未开放')
},
},
onPullDownRefresh() {
uni.stopPullDownRefresh()
}
}
</script>
<style lang="scss">
.btn{
color: #fff;
border-radius: 100px;
text-align: center;
line-height: 84.21rpx;
margin: 0 auto;
margin-top: 84.21rpx;
width: 693.93rpx;
height: 84.21rpx;
background: $theme-oa-color;
box-shadow: 0px 9px 26px 1px #E9EFF5;
position: fixed;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
}
</style>

View File

@ -0,0 +1,464 @@
<template>
<view class="">
<view class="card">
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
<view class="title">基本信息</view>
<u-form-item label="电话" required prop="account" borderBottom>
<u--input v-model="formData.account" placeholder="请输入手机号" type="number"></u--input>
</u-form-item>
<u-form-item label="姓名" required prop="name" borderBottom>
<u--input v-model="formData.name" placeholder="请输入姓名"></u--input>
</u-form-item>
<u-form-item label="性别" required prop="sex" borderBottom>
<u-radio-group v-model="formData.sex" style="margin-left: 16px;">
<u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:1,label:'男'},{value:0,label:'女'}]" :key="index" :label="item.label"
:name="item.value">
</u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="头像" required prop="avatar" borderBottom>
<u-upload :fileList="formData.avatar?[{url:formData.avatar}]:[]" @afterRead="afterReadAvatar"
@delete="formData.avatar=''" name="avatar" :maxCount="1" width="150rpx" height="150rpx"
style="margin-top: 10rpx;">
</u-upload>
</u-form-item>
<u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
<u--input v-model="formData.id_card" placeholder="请输入身份证号" type="idcard"></u--input>
</u-form-item>
<!-- <u-form-item labelWidth="auto" label="登录密码" prop="formData.name" borderBottom>
<u--input v-model="formData.password" placeholder="不输入密码则默认为手机号" password></u--input>
</u-form-item>
<u-form-item labelWidth="auto" label="确认密码" prop="formData.name" borderBottom>
<u--input v-model="formData.password_confirm" placeholder="不输入密码则默认为手机号" password></u--input>
</u-form-item> -->
<view class="title">地区信息</view>
<u-form-item label="省" required prop="province" @click="changeCity('province')" borderBottom>
<u--input :value="formDataText.province" placeholder="请选择省"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="市" required prop="city" @click="changeCity('city')" borderBottom>
<u--input :value="formDataText.city" placeholder="请选择市"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="区县" required prop="area" @click="changeCity('area')" borderBottom>
<u--input :value="formDataText.area" placeholder="请选择区县"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="镇" required prop="street" @click="changeCity('street')" borderBottom>
<u--input :value="formDataText.street" placeholder="请选择镇"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="村" required prop="village" @click="changeCity('village')" borderBottom>
<u--input :value="formDataText.village" placeholder="请选择村"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="小队" required prop="brigade" @click="changeCity('brigade')" borderBottom>
<u--input :value="formDataText.brigade" placeholder="请选择小队"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<view class="title">资质信息</view>
<u-form-item label="身份证正面" required labelPosition="top" labelWidth="200rpx" prop="qualification.id_card" borderBottom>
<u-upload :fileList="formData.qualification.id_card?[{url:formData.qualification.id_card}]:[]"
@afterRead="afterRead" @delete="formData.qualification.id_card=''" name="id_card" :maxCount="1"
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
</u-upload>
</u-form-item>
<u-form-item label="身份证反面" required labelPosition="top" labelWidth="200rpx" prop="qualification.id_card_b" borderBottom>
<u-upload :fileList="formData.qualification.id_card_b?[{url:formData.qualification.id_card_b}]:[]"
@afterRead="afterRead" @delete="formData.qualification.id_card_b=''" name="id_card_b" :maxCount="1"
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
</u-upload>
</u-form-item>
<u-form-item label="驾驶证正面" required labelPosition="top" labelWidth="200rpx" prop="qualification.car_card" borderBottom>
<u-upload :fileList="formData.qualification.car_card?[{url:formData.qualification.car_card}]:[]"
@afterRead="afterRead" @delete="formData.qualification.car_card=''" name="car_card" :maxCount="1"
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
</u-upload>
</u-form-item>
<u-form-item label="驾驶证反面" required labelPosition="top" labelWidth="200rpx" prop="qualification.car_card_b" borderBottom>
<u-upload :fileList="formData.qualification.car_card_b?[{url:formData.qualification.car_card_b}]:[]"
@afterRead="afterRead" @delete="formData.qualification.car_card_b=''" name="car_card_b" :maxCount="1"
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
</u-upload>
</u-form-item>
<u-form-item label="银行卡正面" required labelPosition="top" labelWidth="200rpx" prop="qualification.bank_account"
borderBottom>
<u-upload :fileList="formData.qualification.bank_account?[{url:formData.qualification.bank_account}]:[]"
@afterRead="afterRead" @delete="formData.qualification.bank_account=''" name="bank_account" :maxCount="1"
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
</u-upload>
</u-form-item>
<u-form-item label="银行卡反面" required labelPosition="top" labelWidth="200rpx" prop="qualification.bank_account_b"
borderBottom>
<u-upload :fileList="formData.qualification.bank_account_b?[{url:formData.qualification.bank_account_b}]:[]"
@afterRead="afterRead" @delete="formData.qualification.bank_account_b=''" name="bank_account_b"
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
</u-upload>
</u-form-item>
</u--form>
<u-picker :show="showProvince" :columns="[changeList()]" :keyName="changeType+'_name'" @confirm="confirm"
@cancel="showProvince = false" @close="showProvince = false"></u-picker>
<button @click="addAcountNum" type="primary" class="btn">创建</button>
</view>
</view>
</template>
<script>
import { upLoadImage } from "@/api/file.js"
import { commonProvince, commonCity, commonArea, commonStreet, commonVillage, commonBrigade } from "@/api/oaPbulic.js"
import { loginAdd } from "@/api/oaUser.js"
import { Toast } from "../../libs/uniApi"
export default {
data() {
return {
showProvince: false,
formData: {
account: '', //
password: '123456', //
password_confirm: '', //
// channel: 6, //[1- 2- 3-H5 4-PC 5-APP 6-APP]
id_card: '',
sex: '',
avatar: '',
name: '',
province: '',
city: '',
area: '',
street: '',
village: '',
brigade: '',
address: '测试地址',
qualification: {
id_card: "",
id_card_b: "",
car_card: "",
car_card_b: "",
bank_account: "",
bank_account_b: ""
},
},
formDataText: {
province: '',
city: '',
area: '',
street: '',
village: '',
brigade: '',
},
rules: {
account: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
id_card: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
sex: {
type: 'string',
max: 1,
required: true,
message: '请选择男或女',
trigger: ['blur','change']
},
avatar: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
name: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
province: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
city: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
area: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
street: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
village: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
brigade: {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
'qualification.id_card': {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
'qualification.id_card_b': {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
'qualification.car_card': {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
'qualification.car_card_b': {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
'qualification.bank_account': {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
'qualification.bank_account_b': {
type: 'string',
required: true,
message: '不能为空',
trigger: ['blur']
},
},
provinceList: [],
cityList: [],
areaList: [],
streetList: [],
villageList: [],
brigadeList: [],
changeType: '', //
}
},
onLoad() {
this.initProvinceAndCity()
},
onShow() {},
methods: {
async initProvinceAndCity() {
let res = await commonProvince();
this.provinceList = res.data;
this.provinceList.forEach(item => {
if (item.province_name.indexOf('四川') !== -1) {
this.formData.province = item.province_code;
this.formDataText.province = item.province_name;
commonCity({
city: item.province_code
}).then(cityRes => {
this.cityList = cityRes.data;
this.cityList.forEach(item => {
if (item.city_name.indexOf('泸州') !== -1) {
this.formData.city = item.city_code;
this.formDataText.city = item.city_name;
commonArea({
area: item.city_code
}).then(areaRes => {
this.areaList = areaRes.data;
})
}
})
})
}
})
},
//
changeCity(type) {
this.changeType = type;
this.showProvince = true;
},
//
changeList() {
return this[this.changeType + 'List'];
},
//
confirm(e) {
if (this.changeType == 'brigade') {
this.formData[this.changeType] = e.value[0].id;
this.formDataText[this.changeType] = e.value[0].brigade_name;
this.showProvince = false;
return;
}
this.formData[this.changeType] = e.value[0][this.changeType + '_code'];
this.formDataText[this.changeType] = e.value[0][this.changeType + '_name'];
switch (this.changeType) {
case 'province':
this.loadCity(this.formData['province']);
break;
case 'city':
this.loadArea(this.formData['city']);
break;
case 'area':
this.loadStreet(this.formData['area']);
break;
case 'street':
this.loadVillage(this.formData['street']);
break;
case 'village':
this.loadBrigade(this.formData['village']);
break;
}
this.showProvince = false;
},
loadCity(code) {
commonCity({
city: code
}).then(res => {
this.cityList = res.data;
})
},
loadArea(code) {
commonArea({
area: code
}).then(res => {
this.areaList = res.data;
})
},
loadStreet(code) {
commonStreet({
street: code
}).then(res => {
this.streetList = res.data;
})
},
loadVillage(code) {
commonVillage({
village: code
}).then(res => {
this.villageList = res.data;
})
},
loadBrigade(code) {
commonBrigade({
brigade: code
}).then(res => {
this.brigadeList = res.data;
})
},
//
async afterReadAvatar(event) {
upLoadImage({
filePath: event.file.url,
name: 'file'
}).then(res => {
this.formData.avatar = res.data.uri
})
},
//
async afterRead(event) {
this.upLoad(event.file.url, event.name)
},
//
upLoad(url, type) {
upLoadImage({
filePath: url,
name: 'file'
}).then(res => {
this.formData.qualification[type] = res.data.uri
})
},
//
addAcountNum() {
this.$refs.uForm.validate().then(async (e) => {
console.log(e);
// let res = await loginAdd(this.formData);
// Toast('')
})
},
// // ,[1- 2- 3-H5 4-PC 5-APP 6-APP]
// initTerminal() {
// // #ifndef APP-PLUS
// this.formData.terminal = 6;
// // #endif
// uni.getSystemInfo({
// success: (res) => {
// const platform = res.platform.toLowerCase();
// if (platform === 'ios') {
// this.formData.terminal = 5;
// } else if (platform === 'windows') {
// this.formData.terminal = 4;
// } else if (platform === 'mac') {
// this.formData.terminal = 4;
// }
// }
// })
// // #ifdef H5
// this.formData.terminal = 3;
// // #endif
// // #ifdef MP-WEIXIN
// this.formData.terminal = 1;
// // #endif
// },
},
onPullDownRefresh() {
uni.stopPullDownRefresh()
}
}
</script>
<style lang="scss">
.card {
background-color: #fff;
margin: 28rpx;
padding: 28rpx;
border-radius: 14rpx;
.title {
font-weight: 500;
font-size: 34rpx;
margin-top: 30rpx;
&:nth-child(1) {
margin-top: 0;
}
&::before {
width: 8rpx;
height: 26rpx;
border-radius: 4rpx;
background-color: #3175f9;
content: "";
display: inline-block;
margin-right: 8rpx;
}
}
.card_img {
width: 600rpx;
height: 300rpx;
background-color: #efefef;
border-radius: 14rpx;
}
}
</style>

View File

@ -1,6 +1,6 @@
<template>
<view class="personnel">
<!-- <button class="new_btn">创建</button> -->
<button class="new_btn" @click="navTo('/subpkg/newPersonnel/newPersonnel')">创建账号</button>
<view class="personnel_list">
<block v-for="(item, index) in userList" :key="item.id">
<view class="personnel_item">
@ -112,7 +112,7 @@ export default {
align-items: center;
.new_btn{
margin-top: 32rpx;
margin-bottom: 40rpx;
// margin-bottom: 40rpx;
width: 694rpx;
height: 84rpx;
background: $theme-oa-color;