by2025/SmartParks_uniapp
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

增加单位管理的接口

Browse Source
This commit is contained in:
merak1237
2025-09-06 23:06:58 +08:00
parent a42559a936
commit fd7093e613
9 changed files with 470 additions and 358 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
common/http.api.js
View File

@@ -12,7 +12,7 @@ const install = (Vue, vm) => {
login: (params = {}) => vm.$u.post(config.adminPath+'/auth/login', params), login: (params = {}) => vm.$u.post(config.adminPath+'/auth/login', params),
getUserInfo: (params = {}) => vm.$u.get(config.adminPath+'/system/user/profile', params), getUserInfo: (params = {}) => vm.$u.get(config.adminPath+'/property/xcx/person/getInfo', params),
//工作台列表 //工作台列表
getFunList:(params = {})=>vm.$u.get(config.adminPath+'/system/funList/list', params), getFunList:(params = {})=>vm.$u.get(config.adminPath+'/system/funList/list', params),
//我的访客列表 //我的访客列表
@@ -112,7 +112,13 @@ const install = (Vue, vm) => {
office: { office: {
treeData: (params = {}) => vm.$u.get(config.adminPath+'/sys/office/treeData', params), treeData: (params = {}) => vm.$u.get(config.adminPath+'/sys/office/treeData', params),
}, },
// 单位管理
unit:{
addEmployee:(params = {}) => vm.$u.post(config.adminPath+'/property/xcx/person', params),
queryEmployeeById:(params = {}) => vm.$u.get(config.adminPath+'/property/xcx/person/'+ params.id),
queryEmployee:(params = {}) => vm.$u.get(config.adminPath+'/property/xcx/person/list', params),
updateEmployee:(params = {}) => vm.$u.put(config.adminPath+'/property/xcx/person', params),
},
// 增删改查例子 // 增删改查例子
testData: { testData: {
form: (params = {}) => vm.$u.post(config.adminPath+'/test/testData/form', params), form: (params = {}) => vm.$u.post(config.adminPath+'/test/testData/form', params),

2
common/http.interceptor.js
View File

@@ -25,7 +25,7 @@ const install = (Vue, vm) => {
req.header = []; req.header = [];
} }
req.header["source"] = "uniapp"; req.header["source"] = "uniapp";
req.header["clientId"] = "dab457a1ea14411787c240db05bb0832" req.header["clientId"] = "22b351e7583881d0a608dd44371bae41"
// 默认指定返回 JSON 数据 // 默认指定返回 JSON 数据
if (!req.header[ajaxHeader]){ if (!req.header[ajaxHeader]){
req.header[ajaxHeader] = 'json'; req.header[ajaxHeader] = 'json';

2
common/upload.js
View File

@@ -46,7 +46,7 @@ function uploadSingleFile({
const headers = { const headers = {
'x-requested-with': 'XMLHttpRequest', 'x-requested-with': 'XMLHttpRequest',
source: 'uniapp', source: 'uniapp',
clientId: 'dab457a1ea14411787c240db05bb0832', clientId: '22b351e7583881d0a608dd44371bae41',
}; };
// 手动加上 Token // 手动加上 Token

506
pages/sys/login/login.vue
View File

@@ -1,282 +1,282 @@
<template> <template>
<view class="login-container"> <view class="login-container">
<!-- 顶部渐变背景和标题 --> <!-- 顶部渐变背景和标题 -->
<view class="login-header"> <view class="login-header">
<image class="login-bg-img" src="/static/ic_login_topbg.png" mode="widthFix" /> <image class="login-bg-img" src="/static/ic_login_topbg.png" mode="widthFix"/>
<view class="login-title">登录注册</view> <view class="login-title">登录注册</view>
<view class="login-subtitle">欢迎使用数智南川</view> <view class="login-subtitle">欢迎使用数智南川</view>
</view> </view>
<!-- 表单区域 --> <!-- 表单区域 -->
<view class="login-form"> <view class="login-form">
<view class="input-row"> <view class="input-row">
<image class="iconfont" src="/static/ic_login_phone.png" /> <image class="iconfont" src="/static/ic_login_phone.png"/>
<input class="login-input" type="text" placeholder="输入手机号" v-model="username" /> <input class="login-input" type="text" placeholder="输入手机号" v-model="username"/>
</view> </view>
<view class="input-row"> <view class="input-row">
<image class="iconfont2" src="/static/ic_login_code.png" /> <image class="iconfont2" src="/static/ic_login_code.png"/>
<input class="login-input" type="text" placeholder="请输入验证码" v-model="password"/> <input class="login-input" type="text" placeholder="请输入验证码" v-model="password"/>
<button class="code-btn">获取校验码</button> <button class="code-btn">获取校验码</button>
</view> </view>
<view class="protocol-row"> <view class="protocol-row">
<label class="custom-checkbox-label"> <label class="custom-checkbox-label">
<input type="checkbox" :checked="checked" @change="handleCheckboxChange" <input type="checkbox" :checked="checked" @change="handleCheckboxChange"
class="custom-checkbox-input" /> class="custom-checkbox-input"/>
<image :src="checked ? '/static/ic_login_agree.png' : '/static/ic_login_dis.png'" <image :src="checked ? '/static/ic_login_agree.png' : '/static/ic_login_dis.png'"
class="custom-checkbox-img" @click="handleCheckboxChange({ target: { checked: !checked }})" /> class="custom-checkbox-img" @click="handleCheckboxChange({ target: { checked: !checked }})"/>
</label> </label>
<text>同意</text> <text>同意</text>
<text class="protocol-link">《用户协议》</text> <text class="protocol-link">《用户协议》</text>
<text>和</text> <text>和</text>
<text class="protocol-link">《隐私政策》</text> <text class="protocol-link">《隐私政策》</text>
</view> </view>
<button class="login-btn" @click="submit">登录</button> <button class="login-btn" @click="submit">登录</button>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import base64 from '@/common/base64.js'; export default {
export default { data() {
data() { return {
return { phoneNo: '',
phoneNo: '', username: '15604081234',
username: 'admin', password: 'admin123',
password: 'admin123', loginType: 'currentPhone',
loginType: 'currentPhone', showPassword: false,
showPassword: false, remember: true,
remember: true, isValidCodeLogin: false,
isValidCodeLogin: false, validCode: '',
validCode: '', imgValidCodeSrc: null,
imgValidCodeSrc: null, list: [{
list: [{ name: '用户名'
name: '用户名' }, {
}, { name: '手机号'
name: '手机号' }],
}], current: 0,
current: 0, activeColor: '#007aff',
activeColor: '#007aff', checked: false
checked: false }
} },
}, onLoad() {
onLoad() { this.getUserInfo()
this.getUserInfo() },
}, methods: {
methods: { async submit() {
async submit() { if (this.username.length == 0) {
if (this.username.length == 0) { this.$u.toast('请输入账号');
this.$u.toast('请输入账号'); return;
return; }
} if (this.password.length == 0) {
if (this.password.length == 0) { this.$u.toast('请输入密码');
this.$u.toast('请输入密码'); return;
return; }
} let res = await this.$u.api.login({
let res = await this.$u.api.login({ "tenantId": "000000",
"tenantId": "000000", // 把单引号换成双引号 "username": this.username,
"username": this.username, "password": this.password,
"password": this.password, "rememberMe": false,
"grantType": "password", "clientId": "22b351e7583881d0a608dd44371bae41",
"uuid": "7cb3ea4fe2ae4f08bbd561c94ef0191b", "grantType": "resident"
"clientId": "dab457a1ea14411787c240db05bb0832" });
}); console.log(res)
console.log(res) if (res.code == "200") {
if (res.code == "200") { this.$u.toast("登录成功")
this.$u.toast("登录成功") this.$store.commit('$uStore', {
this.$store.commit('$uStore', { name: 'vuex_token',
name: 'vuex_token', value: res.data.access_token
value: res.data.access_token });
}); this.getUserInfo()
this.getUserInfo() // setTimeout(() => {
// setTimeout(() => { // uni.reLaunch({
// uni.reLaunch({ // url: '/pages/sys/home/home'
// url: '/pages/sys/home/home' // });
// }); // }, 500);
// }, 500); }
} },
}, getUserInfo() {
getUserInfo(){ this.$u.api.getUserInfo({loginCheck: true}).then(res => {
this.$u.api.getUserInfo({loginCheck: true}).then(res => { if (res.code == '200') {
if (res.code == '200'){ console.log(res.data)
this.$store.commit('$uStore', { this.$store.commit('$uStore', {
name: 'vuex_user', name: 'vuex_user',
value: res.data.user value: res.data
}); });
uni.reLaunch({ uni.reLaunch({
url: '/pages/sys/home/home' url: '/pages/sys/home/home'
}); });
} }
}); });
}, },
handleCheckboxChange(e) { handleCheckboxChange(e) {
this.checked = e.target.checked; this.checked = e.target.checked;
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
.login-container { .login-container {
min-height: 100vh; min-height: 100vh;
background: #fafbfc; background: #fafbfc;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.login-header { .login-header {
width: 100%; width: 100%;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-bottom: 40rpx; margin-bottom: 40rpx;
} }
.login-bg-img { .login-bg-img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 0; z-index: 0;
} }
.login-title, .login-title,
.login-subtitle { .login-subtitle {
position: relative; position: relative;
top: 164rpx; top: 164rpx;
z-index: 2; z-index: 2;
} }
.login-title { .login-title {
color: #fff; color: #fff;
font-size: 48rpx; font-size: 48rpx;
font-weight: bold; font-weight: bold;
margin-top: 40rpx; margin-top: 40rpx;
} }
.login-subtitle { .login-subtitle {
color: #fff; color: #fff;
font-size: 24rpx; font-size: 24rpx;
margin-top: 10rpx; margin-top: 10rpx;
} }
.login-form { .login-form {
width: 80%; width: 80%;
margin-top: 400rpx; margin-top: 400rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.input-row { .input-row {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
margin-bottom: 30rpx; margin-bottom: 30rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
} }
.iconfont { .iconfont {
font-size: 32rpx; font-size: 32rpx;
margin-right: 16rpx; margin-right: 16rpx;
width: 27rpx; width: 27rpx;
height: 43rpx; height: 43rpx;
} }
.iconfont2 { .iconfont2 {
font-size: 32rpx; font-size: 32rpx;
margin-right: 16rpx; margin-right: 16rpx;
width: 31rpx; width: 31rpx;
height: 35rpx; height: 35rpx;
} }
.login-input { .login-input {
flex: 1; flex: 1;
border: none; border: none;
background: transparent; background: transparent;
font-size: 28rpx; font-size: 28rpx;
padding: 10rpx 0; padding: 10rpx 0;
margin-right: 10rpx; margin-right: 10rpx;
} }
.code-btn { .code-btn {
background: none; background: none;
color: #2e6cf6; color: #2e6cf6;
border: none; border: none;
font-size: 26rpx; font-size: 26rpx;
padding: 0 10rpx; padding: 0 10rpx;
} }
.protocol-row { .protocol-row {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
margin: 20rpx 0 40rpx 0; margin: 20rpx 0 40rpx 0;
font-size: 24rpx; font-size: 24rpx;
} }
.protocol-checkbox { .protocol-checkbox {
margin-right: 8rpx; margin-right: 8rpx;
} }
.protocol-link { .protocol-link {
color: #2e6cf6; color: #2e6cf6;
margin: 0 4rpx; margin: 0 4rpx;
} }
.login-btn { .login-btn {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
background: linear-gradient(90deg, #2e6cf6 0%, #4fc3f7 100%); background: linear-gradient(90deg, #2e6cf6 0%, #4fc3f7 100%);
color: #fff; color: #fff;
font-size: 32rpx; font-size: 32rpx;
border: none; border: none;
border-radius: 40rpx; border-radius: 40rpx;
margin-top: 268rpx; margin-top: 268rpx;
} }
.custom-checkbox-label { .custom-checkbox-label {
display: flex; display: flex;
align-items: center; align-items: center;
margin-right: 8rpx; margin-right: 8rpx;
} }
.custom-checkbox-input { .custom-checkbox-input {
display: none; display: none;
} }
.custom-checkbox-span { .custom-checkbox-span {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
border-radius: 50%; border-radius: 50%;
border: 2rpx solid #2e6cf6; border: 2rpx solid #2e6cf6;
background: #fff; background: #fff;
display: inline-block; display: inline-block;
position: relative; position: relative;
transition: border-color 0.2s; transition: border-color 0.2s;
} }
.custom-checkbox-span.checked { .custom-checkbox-span.checked {
background: #2e6cf6; background: #2e6cf6;
border-color: #2e6cf6; border-color: #2e6cf6;
} }
.custom-checkbox-span.checked::after { .custom-checkbox-span.checked::after {
content: ''; content: '';
position: absolute; position: absolute;
left: 7rpx; left: 7rpx;
top: 7rpx; top: 7rpx;
width: 12rpx; width: 12rpx;
height: 12rpx; height: 12rpx;
background: #fff; background: #fff;
border-radius: 50%; border-radius: 50%;
} }
.custom-checkbox-img { .custom-checkbox-img {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
margin-right: 8rpx; margin-right: 8rpx;
} }
</style> </style>

1
pages/sys/user/myRepair/addRepair.vue
View File

@@ -108,7 +108,6 @@
this.realSubmit(); this.realSubmit();
return; return;
} }
const result = await uploadFiles({ const result = await uploadFiles({
files: images, files: images,
url: this.vuex_config.baseUrl + '/resource/oss/upload', url: this.vuex_config.baseUrl + '/resource/oss/upload',

62
pages/sys/workbench/unitManagement/auditsDetail.vue
View File

@@ -8,7 +8,7 @@
<view class="user-info"> <view class="user-info">
<view class="info-row"> <view class="info-row">
<text class="label">用户姓名：</text> <text class="label">用户姓名：</text>
<text class="value">余永乐</text> <text class="value">{{auditsDetail.userName}}</text>
</view> </view>
<view class="info-row"> <view class="info-row">
<text class="label">性别：</text> <text class="label">性别：</text>
@@ -16,15 +16,15 @@
</view> </view>
<view class="info-row"> <view class="info-row">
<text class="label">证件号：</text> <text class="label">证件号：</text>
<text class="value">5001255658789955</text> <text class="value">{{auditsDetail.idCard}}</text>
</view> </view>
<view class="info-row"> <view class="info-row">
<text class="label">联系电话：</text> <text class="label">联系电话：</text>
<text class="value">17898987887</text> <text class="value">{{auditsDetail.phone}}</text>
</view> </view>
<view class="info-row"> <view class="info-row">
<text class="label">所属单位：</text> <text class="label">所属单位：</text>
<text class="value">x x x x x</text> <text class="value">{{auditsDetail.name}}</text>
</view> </view>
<!-- 人脸图片区域 --> <!-- 人脸图片区域 -->
@@ -32,7 +32,7 @@
<text class="label">人脸图片：</text> <text class="label">人脸图片：</text>
<image <image
class="face-image" class="face-image"
:src="auditsDetail.avatar || '/static/ic_avg.png'" :src="auditsDetail.img || '/static/ic_avg.png'"
mode="aspectFill" mode="aspectFill"
/> />
</view> </view>
@@ -43,11 +43,11 @@
<view class="user-info"> <view class="user-info">
<view class="info-row"> <view class="info-row">
<text class="label">邮箱：</text> <text class="label">邮箱：</text>
<text class="value">-</text> <text class="value">{{auditsDetail.email}}</text>
</view> </view>
<view class="info-row"> <view class="info-row">
<text class="label">车牌号：</text> <text class="label">车牌号：</text>
<text class="value">-</text> <text class="value">{{auditsDetail.carNumber}}</text>
</view> </view>
</view> </view>
</view> </view>
@@ -73,16 +73,54 @@
}; };
}, },
methods: { methods: {
onLoad(options) {
if (options.id) {
const id = options.id;
this.auditsDetail.id = id;
this.queryEmployee(id);
}
},
// 原有方法保持不变... // 原有方法保持不变...
handleApprove() { handleApprove() {
console.log('approve'); this.auditsDetail.isAudit=1
this.$u.api.unit.updateEmployee(this.auditsDetail).then(res => {
if (res.code == "200") {
// 提交逻辑
uni.showToast({
title: '审核通过',
icon: 'success',
});
setTimeout(() => {
uni.navigateTo({
url: '/pages/sys/workbench/unitManagement/employeeAudits'
});
}, 600);
}
});
}, },
handleReject() { handleReject() {
console.log('reject'); this.auditsDetail.isAudit=2
}, this.$u.api.unit.updateEmployee(this.auditsDetail).then(res => {
async submit(action) { if (res.code == "200") {
// 提交逻辑... // 提交逻辑
uni.showToast({
title: '拒绝通过',
icon: 'success',
});
setTimeout(() => {
uni.navigateTo({
url: '/pages/sys/workbench/unitManagement/employeeAudits'
});
}, 600);
}
});
}, },
queryEmployee(id){
this.$u.api.unit.queryEmployeeById(this.auditsDetail).then(res => {
this.auditsDetail = res.data;
});
}
// 其他原有方法... // 其他原有方法...
} }
}; };

211
pages/sys/workbench/unitManagement/employeeAdd.vue
View File

@@ -11,48 +11,51 @@
<!-- 用户姓名 --> <!-- 用户姓名 -->
<view class="form-item"> <view class="form-item">
<text class="item-label required">用户姓名</text> <text class="item-label required">用户姓名</text>
<input class="item-input" type="text" placeholder="请输入"/> <input class="item-input" type="text" placeholder="请输入" v-model="employeeInfo.userName"/>
</view> </view>
<!-- 性别 --> <!-- 性别 -->
<view class="form-item"> <view class="form-item">
<text class="item-label required">性别</text> <text class="item-label required">性别</text>
<picker class="item-input" @change="bindPickerChange" :value="index" :range="array"> <picker class="item-input" @change="bindPickerChange" :range="array"
<view class="picker-content">{{array[index]}}</view> v-model="employeeInfo.gender">
<view class="picker-content">{{ array[index] }}</view>
</picker> </picker>
</view> </view>
<!-- 证件号 --> <!-- 证件号 -->
<view class="form-item"> <view class="form-item">
<text class="item-label required">证件号</text> <text class="item-label required">证件号</text>
<input class="item-input" type="text" placeholder="请输入"/> <input class="item-input" type="text" placeholder="请输入" v-model="employeeInfo.idCard"
@blur="validateIdCard"/>
</view> </view>
<!-- 联系电话 --> <!-- 联系电话 -->
<view class="form-item"> <view class="form-item">
<text class="item-label required">联系电话</text> <text class="item-label required">联系电话</text>
<input class="item-input" type="number" placeholder="请输入"/> <input class="item-input" type="number" placeholder="请输入" v-model="employeeInfo.phone"/>
</view> </view>
<!-- 验证码 --> <!-- &lt;!&ndash; 验证码 &ndash;&gt;-->
<view class="form-item"> <!-- <view class="form-item">-->
<text class="item-label required">验证码</text> <!-- <text class="item-label required">验证码</text>-->
<view class="code-input-wrapper"> <!-- <view class="code-input-wrapper">-->
<input class="item-input code-input" type="number" placeholder="请输入"/> <!-- <input class="item-input code-input" type="number" placeholder="请输入"/>-->
<button class="get-code-btn">获取验证码</button> <!-- <button class="get-code-btn">获取验证码</button>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
<!-- 登录密码 --> <!-- 登录密码 -->
<view class="form-item"> <view class="form-item">
<text class="item-label required">登录密码</text> <text class="item-label required">登录密码</text>
<input class="item-input" type="password" placeholder="请输入"/> <input class="item-input" type="password" placeholder="请输入" v-model="employeeInfo.password"
@blur="validatePassword"/>
</view> </view>
<!-- 确认密码 --> <!-- 确认密码 -->
<view class="form-item"> <view class="form-item">
<text class="item-label required">确认密码</text> <text class="item-label required">确认密码</text>
<input class="item-input" type="password" placeholder="请输入"/> <input class="item-input" type="password" placeholder="请输入" v-model="rePassword" @blur="validatePassword"/>
</view> </view>
<!-- 密码提示 --> <!-- 密码提示 -->
@@ -67,46 +70,66 @@
<view class="face-upload-container"> <view class="face-upload-container">
<view class="upload-wrapper"> <view class="upload-wrapper">
<button class="upload-btn" @click="chooseImage">+</button> <button class="upload-btn" @click="chooseImage">+</button>
<view class="image-preview" v-if="imageUrl"> <view class="image-preview" v-if="employeeInfo.img">
<image :src="imageUrl" mode="aspectFill" class="preview-image"></image> <image :src="employeeInfo.img" mode="aspectFill" class="preview-image"></image>
<view class="delete-btn" @click="deleteImage">×</view> <view class="delete-btn" @click="deleteImage">×</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="form-tip upload-tip"> <view class="form-tip upload-tip">
请上传正脸并不超过5MB的jpg,jpeg,png,gif,webp格式文件 请上传正脸并不超过5MB的jpg,jpeg,png,gif,webp格式文件
</view> </view>
<!-- 邮箱和车牌号码 --> <!-- 邮箱和车牌号码 -->
<view class="form-item"> <view class="form-item">
<text class="item-label">邮箱</text> <text class="item-label">邮箱</text>
<input class="item-input" type="text" placeholder="请输入"/> <input class="item-input" type="text" placeholder="请输入" v-model="employeeInfo.email"/>
</view> </view>
<view class="form-item"> <view class="form-item">
<text class="item-label">车牌号码</text> <text class="item-label">车牌号码</text>
<input class="item-input" type="text" placeholder="请输入"/> <input class="item-input" type="text" placeholder="请输入" v-model="employeeInfo.carNumber"/>
</view> </view>
</view> </view>
<!-- 提交按钮 --> <!-- 提交按钮 -->
<button class="submit-btn">提交</button> <button class="submit-btn" @click="submitForm">提交</button>
</view> </view>
</template> </template>
<script> <script>
import {uploadFiles} from "../../../../common/upload";
export default { export default {
data() { data() {
return { return {
imageUrl: '', // 存储上传的图片URL
array: ['男', '女'], array: ['男', '女'],
index: 0, index: 0,
employeeInfo: {
userName: '',
gender: 1,
idCard: '',
phone: '',
password: '',
img: '',
unitId: '',
email:'',
carNumber:''
},
rePassword: '',
passwordError: '', // 用于显示密码错误信息
}
},
onLoad(options) {
if (options.unitId) {
const unitId = JSON.parse(decodeURIComponent(options.unitId));
this.employeeInfo.unitId = unitId;
} }
}, },
methods: { methods: {
bindPickerChange: function(e) { bindPickerChange: function (e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value this.employeeInfo.gender = e.detail.value + 1
console.log('picker发送选择改变，携带值为', this.employeeInfo.gender)
}, },
// 选择图片 // 选择图片
chooseImage() { chooseImage() {
@@ -114,16 +137,92 @@ export default {
count: 1, count: 1,
sizeType: ['compressed'], sizeType: ['compressed'],
sourceType: ['album', 'camera'], sourceType: ['album', 'camera'],
success: (res) => { success: async (res) => {
const tempFilePaths = res.tempFilePaths; const tempFilePaths = res.tempFilePaths;
this.imageUrl = tempFilePaths[0]; this.employeeInfo.img = tempFilePaths[0];
// 这里可以添加图片上传到服务器的逻辑 console.log(tempFilePaths);
// 图片上传到服务器的逻辑
const result = await uploadFiles({
files: tempFilePaths,
url: this.vuex_config.baseUrl + '/resource/oss/upload',
name: 'file',
vm: this // 关键：用于注入 token 等
});
const allSuccess = result.every(item => item.code == 200);
if (!allSuccess) {
uni.showToast({
title: '上传失败',
icon: 'none'
});
return;
}
} }
}); });
}, },
// 删除图片 // 删除图片
deleteImage() { deleteImage() {
this.imageUrl = ''; this.employeeInfo.img = '';
}, // 提交表单
submitForm() {
//密码对比
if (!this.validatePassword()) {
uni.showToast({
title: this.passwordError,
icon: 'none'
});
return;
}
//身份证验证
if (!this.validateIdCard()) {
uni.showToast({
title: "身份证格式不正确",
icon: 'none'
});
return;
}
this.$u.api.unit.addEmployee(this.employeeInfo).then(res => {
if (res.code == "200") {
// 提交逻辑
console.log('提交数据:', this.employeeInfo);
uni.showToast({
title: '提交成功',
icon: 'success'
});
}
});
},
// 密码验证方法
validatePassword() {
// 密码正则表达式：8-20位，包含大小写字母、数字和特殊字符
const passwordRegex = /^(?=.*[a-zA-Z\d!@$%^&*$%&+&*=\[\]?])[a-zA-Z\d!@$%^&*$%&+&*=\[\]?]{8,20}$/;
// 验证密码格式
if (!passwordRegex.test(this.employeeInfo.password)) {
this.passwordError = '密码必须包含8-20位大小写字母、数字和特殊字符';
return false;
} else {
this.passwordError = '';
}
// 验证两次密码是否一致
if (this.employeeInfo.password !== this.rePassword) {
this.passwordError = '两次输入的密码不一致';
return false;
} else {
this.passwordError = '';
}
return true;
},
validateIdCard() {
const idCardRegex = /^[1-9]\d{5}(18|19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/;
if (!idCardRegex.test(this.employeeInfo.idCard)) {
uni.showToast({title: '身份证格式错误', icon: 'none'});
return false;
}
return true;
} }
} }
} }
@@ -232,26 +331,6 @@ export default {
padding: 0; padding: 0;
} }
/* 上传区域 */
.upload-wrapper {
display: flex;
align-items: center;
flex: 1;
}
.upload-btn {
width: 80px;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #409eff;
background-color: #ecf5ff;
border: 1px solid #b3d8ff;
border-radius: 4px;
margin-right: 10px;
padding: 0;
}
/* 提交按钮 */ /* 提交按钮 */
.submit-btn { .submit-btn {
width: 100%; width: 100%;
@@ -271,19 +350,7 @@ export default {
flex: 1; flex: 1;
} }
.upload-btn {
width: 60px; /* 正方形 */
height: 60px; /* 正方形 */
line-height: 40px;
font-size: 40px; /* 加大+号 */
color: #409eff;
background-color: #ecf5ff;
border: 1px solid #b3d8ff;
border-radius: 4px;
margin-right: 10px;
padding: 0;
text-align: center;
}
.face-upload-item { .face-upload-item {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@@ -345,4 +412,6 @@ export default {
font-size: 14px; font-size: 14px;
line-height: 1; line-height: 1;
} }
</style> </style>

32
pages/sys/workbench/unitManagement/employeeAudits.vue
View File

@@ -2,7 +2,7 @@
<view class="audits-container"> <view class="audits-container">
<!-- 员工审核列表 --> <!-- 员工审核列表 -->
<scroll-view <scroll-view
class="list-container" class="employeeList-container"
scroll-y scroll-y
:refresher-enabled="true" :refresher-enabled="true"
refresher-background="#f7f7f7" refresher-background="#f7f7f7"
@@ -13,14 +13,14 @@
scroll-with-animation> scroll-with-animation>
<!-- 员工审核卡片 --> <!-- 员工审核卡片 -->
<view v-for="(item, index) in list" :key="index" class="employee-card" @click="handleCardClick(item)"> <view v-for="(item, index) in employeeList" :key="index" class="employee-card" @click="handleCardClick(item)">
<!-- 左侧头像 --> <!-- 左侧头像 -->
<image class="avatar" :src="item.avatar || '/static/ic_avg.png'"/> <image class="avatar" :src="item.avatar || '/static/ic_avg.png'"/>
<!-- 右侧信息 --> <!-- 右侧信息 -->
<view class="info-container"> <view class="info-container">
<view class="name-row"> <view class="name-row">
<text class="name">{{ item.name }}</text> <text class="name">{{ item.userName }}</text>
<image <image
class="gender-icon" class="gender-icon"
:src="item.gender === '1' ? '/static/ic_man.png' : '/static/ic_women.png'" :src="item.gender === '1' ? '/static/ic_man.png' : '/static/ic_women.png'"
@@ -52,8 +52,7 @@
export default { export default {
data() { data() {
return { return {
list: [ employeeList: [
{name: "于永乐", gender: "1", phone: "12448155", applyTime: "2025-09-01 10:51:32", status: "1"}
], // 员工列表数据 ], // 员工列表数据
pageNum: 1, // 当前页码 pageNum: 1, // 当前页码
pageSize: 10, // 每页数量 pageSize: 10, // 每页数量
@@ -84,11 +83,11 @@ export default {
async loadData() { async loadData() {
this.loading = true; this.loading = true;
try { try {
let res = await this.$u.api.getEmployeeAuditList({ let res = await this.$u.api.unit.queryEmployee({
pageNum: this.pageNum, pageNum: this.pageNum,
pageSize: this.pageSize pageSize: this.pageSize,
isAudit:2
}); });
if (res.code == "200") { if (res.code == "200") {
let rows = res.rows || []; let rows = res.rows || [];
if (rows.length < this.pageSize) { if (rows.length < this.pageSize) {
@@ -96,9 +95,9 @@ export default {
} }
if (this.pageNum === 1) { if (this.pageNum === 1) {
this.list = rows; this.employeeList = rows;
} else { } else {
this.list = [...this.list, ...rows]; this.employeeList = [...this.employeeList, ...rows];
} }
} }
} catch (e) { } catch (e) {
@@ -109,9 +108,10 @@ export default {
}, },
// 点击卡片事件 // 点击卡片事件
handleCardClick(item) { handleCardClick(item) {
if (item.status === '1') { console.log(item.id);
if (item.state === 1) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/sys/workbench/unitManagement/auditsDetail` url: `/pages/sys/workbench/unitManagement/auditsDetail?id=${item.id}`,
}); });
} }
} }
@@ -128,7 +128,7 @@ export default {
overflow: hidden; overflow: hidden;
} }
.list-container { .employeeList-container {
flex: 1; flex: 1;
padding: 28rpx 30rpx; padding: 28rpx 30rpx;
box-sizing: border-box; box-sizing: border-box;
@@ -219,17 +219,17 @@ export default {
} }
/* 隐藏滚动条 */ /* 隐藏滚动条 */
.list-container { .employeeList-container {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none; -ms-overflow-style: none;
} }
.list-container::-webkit-scrollbar { .employeeList-container::-webkit-scrollbar {
display: none; display: none;
} }
:deep .list-container ::-webkit-scrollbar { :deep .employeeList-container ::-webkit-scrollbar {
display: none !important; display: none !important;
width: 0 !important; width: 0 !important;
height: 0 !important; height: 0 !important;

2
pages/sys/workbench/unitManagement/unitManagement.vue
View File

@@ -116,7 +116,7 @@ export default {
// 获取uQRCode实例 // 获取uQRCode实例
var qr = new uQRCode(); var qr = new uQRCode();
// 设置二维码内容 // 设置二维码内容
qr.data = "localhost:8081/#/pages/sys/workbench/unitManagement/employeeAdd"; qr.data = `/pages/sys/workbench/unitManagement/employeeAdd?unitId=${uni.getStorageSync('lifeData').vuex_user.unitId}`;
// 设置二维码大小，必须与canvas设置的宽高一致 // 设置二维码大小，必须与canvas设置的宽高一致
qr.size = 200; qr.size = 200;
// 调用制作二维码方法 // 调用制作二维码方法