longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化账户安全

Browse Source
This commit is contained in:
龙运模 2024-09-02 23:32:40 +08:00
parent faefc48a59
commit 9d0d5e6b94
2 changed files with 89 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/setting/advanced/index.vue
View File

@ -52,7 +52,7 @@ export default {
return {
menu: [
{
groupName: "账号设置",
groupName: "数据类配置",
show:true,
list: [
{
@ -67,10 +67,22 @@ export default {
component: "password",
actions:'costConfig'
},
{
icon: "sc-icon-CostSetup",
title: "费用类别配置",
component: "cost",
actions:'costCategoryAdd'
},
{
icon: "sc-icon-MaterialSetup",
title: "物料成本配置",
component: "material",
actions:'materialCostAdd'
}
]
},
{
groupName: "数据管理",
groupName: "接口类配置",
show:true,
list: [
{
@ -85,18 +97,6 @@ export default {
component: "interface",
actions:'k3ApiConfigSet'
},
{
icon: "sc-icon-CostSetup",
title: "费用类别配置",
component: "cost",
actions:'costCategoryAdd'
},
{
icon: "sc-icon-MaterialSetup",
title: "物料成本配置",
component: "material",
actions:'materialCostAdd'
}
]
},
],

79
src/views/userCenter/user/bind.vue
View File

@ -69,20 +69,26 @@
</div>
</div>
<div class="title">使用Passkey</div>
<div class="boxView boxViewCenter">
<div class="boxView passKeyView boxViewCenter">
<div class="nameBox passkeyView">
<el-button type="primary" :size="size" @click="createPasskey">添加passKey</el-button>
<!-- <el-button type="primary" :size="size" @click="createPasskey">添加passKey</el-button>-->
<div class="msg">借助 Passkey，你可以使用自己的指纹、面孔、屏锁设置或实体安全密钥登录你的账号。请仅在你自有的设备上设置 Passkey。</div>
</div>
</div>
<div class="boxView boxViewCenter">
<div class="boxView passKeyView boxViewCenter">
<div class="itemMain">
<div class="boxCom" v-for="item in passKeyList" :key="item">
<i class="icon"><sc-icon-Fingerprint /></i>
<span class="name">
<el-input v-model="item.alias" @change="passKeyAlias(item)" placeholder="请输入"></el-input>
<el-input class="nameInput" v-model="item.alias" @change="passKeyAlias(item)" placeholder="请输入"></el-input>
</span>
</div>
<div class="boxCom" @click="createPasskey">
<span class="iconBack">
<i class="icon"><el-icon-Plus/></i>
</span>
<span class="name">添加</span>
</div>
</div>
</div>
</div>
@ -396,6 +402,71 @@ export default {
}
}
}
.passKeyView{
width: 100%;
.itemMain{
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
margin-top: 10px;
.boxCom{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
cursor: pointer;
.icon{
text-align: center;
width: 40px;
height: 40px;
}
.iconBack{
width: 40px;
height: 40px;
border-radius: 50%;
background: #E9E9E9;
font-size: 14px;
display: flow;
align-items: center;
justify-content: center;
padding: 10px;
.icon{
width: 14px;height: 14px;font-size: 12px;
}
}
.name{
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--el-input-text-color);
}
.nameInput{
text-align: center;
}
.el-input{
text-align: center;
border: 0;
::v-deep .el-input__wrapper{
border: 0;
padding: 0;
box-shadow:none;
}
::v-deep .el-input__inner{
text-align: center;
}
}
.el-input:hover ::v-deep .el-input__wrapper{
//border-bottom: 1px solid var(--el-input-border-color);
border-radius: 0;
}
}
}
}
.boxViewCenter{
align-items: center;
.leftBox{