From 9057e04efad1b7d61c77a72e5c37a504d0aee935 Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期五, 26 九月 2025 09:24:03 +0800
Subject: [PATCH] H5静态化
---
admin/src/components/system/user/OperaUserWindow.vue | 181 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 181 insertions(+), 0 deletions(-)
diff --git a/admin/src/components/system/user/OperaUserWindow.vue b/admin/src/components/system/user/OperaUserWindow.vue
new file mode 100644
index 0000000..c5da65d
--- /dev/null
+++ b/admin/src/components/system/user/OperaUserWindow.vue
@@ -0,0 +1,181 @@
+<template>
+ <!-- 鏂板缓/淇敼 -->
+ <GlobalWindow
+ :title="title"
+ :visible.sync="visible"
+ :confirm-working="isWorking"
+ @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>
+ <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>
+ <el-form-item label="澶村儚" prop="avatar" required>
+ <el-radio-group v-model="form.avatar" class="form-item-avatar">
+ <el-radio label="avatar/man.png" border><img src="@/assets/avatar/man.png" alt=""></el-radio>
+ <el-radio label="avatar/woman.png" border><img src="@/assets/avatar/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>
+ <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>
+ </el-form>
+ </GlobalWindow>
+</template>
+
+<script>
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import { checkMobile, checkEmail } from '@/utils/form'
+
+export default {
+ name: 'OperaUserWindow',
+ extends: BaseOpera,
+ components: { GlobalWindow },
+ data () {
+ return {
+ // 琛ㄥ崟鏁版嵁
+ form: {
+ id: null,
+ username: '', // 鐢ㄦ埛鍚�
+ realname: '', // 濮撳悕
+ empNo: '', // 宸ュ彿
+ avatar: '/avatar/man.png', // 澶村儚
+ password: '', // 瀵嗙爜
+ mobile: '', // 鎵嬫満鍙风爜
+ email: '', // 閭
+ sex: '1', // 鎬у埆
+ birthday: '' // 鐢熸棩
+ },
+ // 楠岃瘉瑙勫垯
+ rules: {
+ username: [
+ { required: true, message: '璇疯緭鍏ョ敤鎴峰悕' }
+ ],
+ realname: [
+ { required: true, message: '璇疯緭鍏ュ鍚�' }
+ ],
+ password: [
+ { required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur' },
+ { validator: this.validatePassword, trigger: 'blur' }
+ ],
+ avatar: [
+ { required: true, message: '璇烽�夋嫨鐢ㄦ埛澶村儚' }
+ ],
+ sex: [
+ { required: true, message: '璇烽�夋嫨鐢ㄦ埛鎬у埆' }
+ ],
+ mobile: [
+ { validator: checkMobile }
+ ],
+ email: [
+ { validator: checkEmail }
+ ]
+ }
+ }
+ },
+ methods: {
+ validatePassword (rule, value, callback) {
+ if (!value) {
+ callback(new Error('璇疯緭鍏ュ瘑鐮�'))
+ } else {
+ const lengthValid = /^.{6,20}$/.test(value)
+ const hasLetter = /[a-zA-Z]/.test(value)
+ const hasNumber = /[0-9]/.test(value)
+ const hasSpecial = /[!@#$%^&*(),.?":{}|<>]/.test(value)
+
+ const typesCount = [hasLetter, hasNumber, hasSpecial].filter(Boolean).length
+
+ if (!lengthValid) {
+ callback(new Error('瀵嗙爜闀垮害闇�涓�6鍒�20涓瓧绗�'))
+ } else if (typesCount < 2) {
+ callback(new Error('瀵嗙爜闇�鍖呭惈瀛楁瘝銆佹暟瀛楀強鐗规畩瀛楃涓殑鑷冲皯涓ょ'))
+ } else {
+ callback() // 楠岃瘉閫氳繃
+ }
+ }
+ },
+ /**
+ * 鎵撳紑绐楀彛
+ *
+ * @param title 绐楀彛鏍囬
+ * @param target 琛屽璞★紙浠呯紪杈戦渶璇ュ弬鏁帮級
+ */
+ open (title, target) {
+ this.title = title
+ this.visible = true
+ // 鏂板缓
+ if (target == null) {
+ this.$nextTick(() => {
+ this.$refs.form.resetFields()
+ this.form.id = null
+ this.form.departmentId = null
+ this.form.positionIds = []
+ })
+ return
+ }
+ // 缂栬緫
+ this.$nextTick(() => {
+ for (const key in this.form) {
+ this.form[key] = target[key]
+ }
+ this.form.departmentId = target.department == null ? null : target.department.id
+ this.form.positionIds = target.positions == null ? [] : target.positions.map(p => p.id)
+ })
+ }
+ },
+ created () {
+ this.config({
+ api: '/system/user'
+ })
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.global-window {
+ /deep/ .el-date-editor {
+ width: 100%;
+ }
+ // 琛ㄥ崟澶村儚澶勭悊
+ /deep/ .form-item-avatar {
+ .el-radio.is-bordered {
+ height: auto;
+ padding: 6px;
+ margin: 0 10px 0 0;
+ .el-radio__input {
+ display: none;
+ }
+ .el-radio__label {
+ padding: 0;
+ width: 48px;
+ display: block;
+ img {
+ width: 100%;
+ }
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3