WIP: can hover icon-delete. can have self on the first row on list.

API get all users done
This commit is contained in:
Cindy Chang
2024-06-21 11:14:49 +08:00
parent 193bc315ca
commit 1b8c8629a9
6 changed files with 204 additions and 57 deletions

View File

@@ -13,7 +13,7 @@
</div>
<input id="input_account_field"
class="w-[454px] rounded p-1 border border-[1px] border-[#64748B] flex items-center h-[40px] outline-none"
:value="account"/>
:value="username"/>
</div>
<div class="input-row w-full flex py-2 h-[40px] mb-4 items-center
justify-between">
@@ -23,7 +23,7 @@
</span>
</div>
<input class="w-[454px] rounded p-1 border border-[1px] border-[#64748B] flex items-center h-[40px] outline-none"
:value="fullName"/>
:value="name"/>
</div>
<div v-show="!isSSO" class="input-row w-full flex py-2 h-[40px] mb-4 items-center
justify-between">
@@ -139,9 +139,9 @@ export default defineComponent({
id,
} = currentViewingUser;
const isSSO = computed(() => acctMgmtStore.currentViewingUser.isSSO);
const account = computed(() => acctMgmtStore.currentViewingUser.account);
const fullName = computed(() => acctMgmtStore.currentViewingUser.fullName);
const isSSO = computed(() => acctMgmtStore.currentViewingUser.is_sso);
const username = computed(() => acctMgmtStore.currentViewingUser.username);
const name = computed(() => acctMgmtStore.currentViewingUser.name);
const isConfirmDisabled = computed(() => {
return inputPwd.length && inputConfirmPwd.length;
@@ -172,9 +172,9 @@ export default defineComponent({
}
return {
isConfirmDisabled,
account,
username,
id,
fullName,
name,
isSSO,
isPwdEyeOn,
isPwdConfirmEyeOn,