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

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

@@ -8,7 +8,7 @@
<view class="user-info">
<view class="info-row">
<text class="label">用户姓名：</text>
<text class="value">余永乐</text>
<text class="value">{{auditsDetail.userName}}</text>
</view>
<view class="info-row">
<text class="label">性别：</text>
@@ -16,15 +16,15 @@
</view>
<view class="info-row">
<text class="label">证件号：</text>
<text class="value">5001255658789955</text>
<text class="value">{{auditsDetail.idCard}}</text>
</view>
<view class="info-row">
<text class="label">联系电话：</text>
<text class="value">17898987887</text>
<text class="value">{{auditsDetail.phone}}</text>
</view>
<view class="info-row">
<text class="label">所属单位：</text>
<text class="value">x x x x x</text>
<text class="value">{{auditsDetail.name}}</text>
</view>
<!-- 人脸图片区域 -->
@@ -32,7 +32,7 @@
<text class="label">人脸图片：</text>
<image
class="face-image"
:src="auditsDetail.avatar || '/static/ic_avg.png'"
:src="auditsDetail.img || '/static/ic_avg.png'"
mode="aspectFill"
/>
</view>
@@ -43,11 +43,11 @@
<view class="user-info">
<view class="info-row">
<text class="label">邮箱：</text>
<text class="value">-</text>
<text class="value">{{auditsDetail.email}}</text>
</view>
<view class="info-row">
<text class="label">车牌号：</text>
<text class="value">-</text>
<text class="value">{{auditsDetail.carNumber}}</text>
</view>
</view>
</view>
@@ -73,16 +73,54 @@
};
},
methods: {
onLoad(options) {
if (options.id) {
const id = options.id;
this.auditsDetail.id = id;
this.queryEmployee(id);
}
},
// 原有方法保持不变...
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() {
console.log('reject');
},
async submit(action) {
// 提交逻辑...
this.auditsDetail.isAudit=2
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);
}
});
},
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">
<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 class="form-item">
<text class="item-label required">性别</text>
<picker class="item-input" @change="bindPickerChange" :value="index" :range="array">
<view class="picker-content">{{array[index]}}</view>
<picker class="item-input" @change="bindPickerChange" :range="array"
v-model="employeeInfo.gender">
<view class="picker-content">{{ array[index] }}</view>
</picker>
</view>
<!-- 证件号 -->
<view class="form-item">
<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 class="form-item">
<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 class="form-item">
<text class="item-label required">验证码</text>
<view class="code-input-wrapper">
<input class="item-input code-input" type="number" placeholder="请输入"/>
<button class="get-code-btn">获取验证码</button>
</view>
</view>
<!-- &lt;!&ndash; 验证码 &ndash;&gt;-->
<!-- <view class="form-item">-->
<!-- <text class="item-label required">验证码</text>-->
<!-- <view class="code-input-wrapper">-->
<!-- <input class="item-input code-input" type="number" placeholder="请输入"/>-->
<!-- <button class="get-code-btn">获取验证码</button>-->
<!-- </view>-->
<!-- </view>-->
<!-- 登录密码 -->
<view class="form-item">
<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 class="form-item">
<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>
<!-- 密码提示 -->
@@ -67,46 +70,66 @@
<view class="face-upload-container">
<view class="upload-wrapper">
<button class="upload-btn" @click="chooseImage">+</button>
<view class="image-preview" v-if="imageUrl">
<image :src="imageUrl" mode="aspectFill" class="preview-image"></image>
<view class="image-preview" v-if="employeeInfo.img">
<image :src="employeeInfo.img" mode="aspectFill" class="preview-image"></image>
<view class="delete-btn" @click="deleteImage">×</view>
</view>
</view>
</view>
</view>
<view class="form-tip upload-tip">
请上传正脸并不超过5MB的jpg,jpeg,png,gif,webp格式文件
</view>
<view class="form-tip upload-tip">
请上传正脸并不超过5MB的jpg,jpeg,png,gif,webp格式文件
</view>
<!-- 邮箱和车牌号码 -->
<view class="form-item">
<text class="item-label">邮箱</text>
<input class="item-input" type="text" placeholder="请输入"/>
</view>
<view class="form-item">
<text class="item-label">车牌号码</text>
<input class="item-input" type="text" placeholder="请输入"/>
</view>
<view class="form-item">
<text class="item-label">邮箱</text>
<input class="item-input" type="text" placeholder="请输入" v-model="employeeInfo.email"/>
</view>
<view class="form-item">
<text class="item-label">车牌号码</text>
<input class="item-input" type="text" placeholder="请输入" v-model="employeeInfo.carNumber"/>
</view>
</view>
<!-- 提交按钮 -->
<button class="submit-btn">提交</button>
<button class="submit-btn" @click="submitForm">提交</button>
</view>
</template>
<script>
import {uploadFiles} from "../../../../common/upload";
export default {
data() {
return {
imageUrl: '', // 存储上传的图片URL
array: ['男', '女'],
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: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
bindPickerChange: function (e) {
this.employeeInfo.gender = e.detail.value + 1
console.log('picker发送选择改变，携带值为', this.employeeInfo.gender)
},
// 选择图片
chooseImage() {
@@ -114,16 +137,92 @@ export default {
count: 1,
sizeType: ['compressed'],
sourceType: ['album', 'camera'],
success: (res) => {
success: async (res) => {
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() {
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;
}
/* 上传区域 */
.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 {
width: 100%;
@@ -271,19 +350,7 @@ export default {
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 {
flex-direction: column;
align-items: flex-start;
@@ -345,4 +412,6 @@ export default {
font-size: 14px;
line-height: 1;
}
</style>

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

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

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

@@ -116,7 +116,7 @@ export default {
// 获取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设置的宽高一致
qr.size = 200;
// 调用制作二维码方法