From 8d7bb4ac830444afde480a588e99952105ea8ede Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期四, 22 二月 2024 09:19:58 +0800
Subject: [PATCH] mrshi
---
platform/src/components/system/user/OperaUserWindow.vue | 97 +++++++++++++++++++++---------------------------
1 files changed, 42 insertions(+), 55 deletions(-)
diff --git a/platform/src/components/system/user/OperaUserWindow.vue b/platform/src/components/system/user/OperaUserWindow.vue
index c3ac6e7..a64d417 100644
--- a/platform/src/components/system/user/OperaUserWindow.vue
+++ b/platform/src/components/system/user/OperaUserWindow.vue
@@ -7,44 +7,24 @@
@confirm="confirm"
>
<el-form :model="form" ref="form" :rules="rules">
- <el-form-item label="鐢ㄦ埛鍚�" prop="username" required>
- <el-input v-model="form.username" placeholder="璇疯緭鍏ョ敤鎴峰悕" v-trim maxlength="50"/>
+ <el-form-item label="璐﹀彿" prop="username" required>
+ <el-input v-model="form.username" placeholder="璇疯緭鍏�" v-trim maxlength="50"/>
</el-form-item>
- <el-form-item label="濮撳悕" prop="realname" required>
- <el-input v-model="form.realname" placeholder="璇疯緭鍏ュ鍚�" v-trim maxlength="50"/>
+ <el-form-item label="鍚嶇О" prop="realname" required>
+ <el-input v-model="form.realname" placeholder="璇疯緭鍏�" v-trim maxlength="50"/>
</el-form-item>
- <el-form-item label="鎬у埆" prop="sex" required>
- <el-radio-group v-model="form.sex">
- <el-radio label="1">鐢�</el-radio>
- <el-radio label="0">濂�</el-radio>
- </el-radio-group>
+ <el-form-item label="鑱旂郴鏂瑰紡" prop="mobile">
+ <el-input v-model="form.mobile" placeholder="璇疯緭鍏�" v-trim maxlength="11"/>
</el-form-item>
- <!-- <el-form-item label="澶村儚" prop="avatar" required>
- <el-radio-group v-model="form.avatar" class="form-item-avatar">
- <el-radio label="https://dmtest.ahapp.net/preselectfile/man.png" border><img src="https://dmtest.ahapp.net/preselectfile/man.png" alt=""></el-radio>
- <el-radio label="https://dmtest.ahapp.net/preselectfile/woman.png" border><img src="https://dmtest.ahapp.net/preselectfile/woman.png" alt=""></el-radio>
- </el-radio-group>
- </el-form-item> -->
- <el-form-item v-if="form.id == null" label="鍒濆瀵嗙爜" prop="password" required>
- <el-input v-model="form.password" type="password" placeholder="璇疯緭鍏ュ垵濮嬪瘑鐮�" maxlength="30" show-password/>
+ <el-form-item label="楠岃瘉鐮�" prop="captcha">
+ <div style="width: 100%; display: flex; align-items: center;">
+ <el-input v-model="form.captcha" maxlength="11" type="number" style="flex: 1;" placeholder="璇疯緭鍏�" v-trim/>
+ <el-button type="primary" style="flex-shrink: 0; margin-left: 15px;" @click="send" v-if="num === 0">鍙戦�侀獙璇佺爜</el-button>
+ <el-button type="primary" style="flex-shrink: 0; margin-left: 15px;" v-else>{{num}}s</el-button>
+ </div>
</el-form-item>
- <el-form-item label="鎵�灞為儴闂�" prop="departmentId" required>
- <DepartmentSelect v-model="form.departmentId" placeholder="璇烽�夋嫨鐢ㄦ埛鎵�灞為儴闂�" :inline="false" clearable/>
- </el-form-item>
- <el-form-item label="宀椾綅" prop="positionId">
- <PositionSelect v-model="form.positionIds" placeholder="璇烽�夋嫨鐢ㄦ埛鎵�鍦ㄥ矖浣�" :inline="false" :multiple="true" clearable/>
- </el-form-item>
- <el-form-item label="宸ュ彿" prop="empNo">
- <el-input v-model="form.empNo" placeholder="璇疯緭鍏ュ伐鍙�" v-trim maxlength="50"/>
- </el-form-item>
- <el-form-item label="鎵嬫満鍙风爜" prop="mobile">
- <el-input v-model="form.mobile" placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�" v-trim maxlength="11"/>
- </el-form-item>
- <el-form-item label="閭" prop="email">
- <el-input v-model="form.email" placeholder="璇疯緭鍏ラ偖绠�" v-trim maxlength="200"/>
- </el-form-item>
- <el-form-item label="鐢熸棩" prop="birthday">
- <el-date-picker v-model="form.birthday" value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鐢ㄦ埛鐢熸棩"/>
+ <el-form-item label="鎶勯�佹枃浠堕偖绠�" prop="email">
+ <el-input v-model="form.email" placeholder="璇疯緭鍏�" v-trim />
</el-form-item>
</el-form>
</GlobalWindow>
@@ -56,6 +36,7 @@
import DepartmentSelect from '@/components/common/DepartmentSelect'
import PositionSelect from '@/components/common/PositionSelect'
import { checkMobile, checkEmail } from '@/utils/form'
+import { sendSms } from '@/api/business/smsEmail'
export default {
name: 'OperaUserWindow',
@@ -68,16 +49,12 @@
id: null,
username: '', // 鐢ㄦ埛鍚�
realname: '', // 濮撳悕
- empNo: '', // 宸ュ彿
- departmentId: null, // 鎵�灞為儴闂↖D
- positionIds: [], // 鎵�灞炲矖浣岻D闆�
- // avatar: '/avatar/man.png', // 澶村儚
- password: '', // 瀵嗙爜
mobile: '', // 鎵嬫満鍙风爜
- email: '', // 閭
- sex: '1', // 鎬у埆
- birthday: '' // 鐢熸棩
+ email: '',
+ captcha: ''
},
+ num: 0,
+ timer: null,
// 楠岃瘉瑙勫垯
rules: {
username: [
@@ -86,28 +63,36 @@
realname: [
{ required: true, message: '璇疯緭鍏ュ鍚�' }
],
- password: [
- { required: true, message: '璇疯緭鍏ュ瘑鐮�' }
- ],
- departmentId: [
- { required: true, message: '璇烽�夋嫨閮ㄩ棬' }
- ],
- avatar: [
- { required: true, message: '璇烽�夋嫨鐢ㄦ埛澶村儚' }
- ],
- sex: [
- { required: true, message: '璇烽�夋嫨鐢ㄦ埛鎬у埆' }
- ],
mobile: [
{ required: true, validator: checkMobile }
],
email: [
- { validator: checkEmail }
+ { required: true, message: '璇疯緭鍏ラ偖绠�' }
]
}
}
},
methods: {
+ send() {
+ if (!this.form.mobile) {
+ this.$message.warning('璇疯緭鍏ユ墜鏈哄彿')
+ return
+ }
+ sendSms({ phone: this.form.mobile })
+ .then(res => {
+ this.num = 60
+ this.setTime()
+ })
+ },
+ setTime() {
+ this.timer = setInterval(() => {
+ this.num -= 1
+ if (this.num === 0) {
+ clearInterval(this.timer)
+ this.num = 0
+ }
+ }, 1000)
+ },
/**
* @title 绐楀彛鏍囬
* @target 缂栬緫鐨勭敤鎴峰璞�
@@ -115,6 +100,8 @@
open (title, target) {
this.title = title
this.visible = true
+ clearInterval(this.timer)
+ this.num = 0
// 鏂板缓
if (target == null) {
this.$nextTick(() => {
--
Gitblit v1.9.3