diff --git a/src/components/Setting/components/User.vue b/src/components/Setting/components/User.vue index 1a9023a..e111a41 100644 --- a/src/components/Setting/components/User.vue +++ b/src/components/Setting/components/User.vue @@ -3,9 +3,15 @@

添加新用户

- + @@ -14,8 +20,8 @@ class="eye" @click="handleAddPasswordShow" /> - +

{{ `${addUserTips}` }}

+
返回
@@ -87,15 +93,15 @@
删除用户
设为管理员
@@ -122,6 +128,22 @@ :input="updateUserNewPassword" />
+ +
+ +
+ +
+ +
@@ -140,11 +162,29 @@ import { getAllUserJSON, } from '@/mock/command' +const newUserUserName = ref('') +const newUserPassword = ref('') +const addUserTips = ref('') + const showkeyboard = ref(false) +const showkeyboard2 = ref(false) +const showkeyboard3 = ref(false) const hideKeyBoard = () => { showkeyboard.value = false } +const hideKeyBoard2 = () => { + showkeyboard2.value = false +} +const hideKeyBoard3 = () => { + showkeyboard3.value = false +} + +const showAddPasswordKey = () => { + showkeyboard3.value = false + showkeyboard2.value = true +} + const showpasswordKey = () => { showkeyboard.value = true } @@ -152,8 +192,18 @@ const onChange = a => { updateUserNewPassword.value = a } -const newUserUserName = ref('') -const newUserPassword = ref('') +const onChange3 = a => { + newUserPassword.value = a +} + +const onChange2 = a => { + newUserUserName.value = a +} + +const showAddMewPasswordKey = () => { + showkeyboard2.value = false + showkeyboard3.value = true +} const userStore = useUserStore() const webSocketStore = useWebSocketStore() @@ -215,6 +265,8 @@ onMounted(() => { }) const returnList = () => { + showkeyboard2.value = false + showkeyboard3.value = false userFormVisible.value = false } @@ -253,11 +305,26 @@ const handleOk = () => { } const addNewUserFunc = () => { + if (newUserUserName.value == '') { + addUserTips.value = '用户名不能为空' + return + } + // addUserTips + const arr = userStore.allUserList.filter( + item => item.uid == newUserUserName.value, + ) + if (arr?.length > 0) { + addUserTips.value = '该用户名已存在' + return + } + showkeyboard2.value = false + showkeyboard3.value = false webSocketStore.sendCommandMsg( addUserJson(newUserUserName.value, newUserPassword.value), ) getAllUser() returnList() + addUserTips.value = '' } @@ -333,7 +400,6 @@ const addNewUserFunc = () => { color: #06518b; } .mb { - margin: 0 16px; } } } diff --git a/src/components/dialogs/UserModal.vue b/src/components/dialogs/UserModal.vue index 4a58b5a..3e26694 100644 --- a/src/components/dialogs/UserModal.vue +++ b/src/components/dialogs/UserModal.vue @@ -44,6 +44,7 @@ const props = defineProps({ const ok = () => { props.handleOk() + props.hideUserModal() } const handleCancel = () => {