From 9d0d5e6b949cb427a905bd23c798fb13fcc400c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=99=E8=BF=90=E6=A8=A1?= <1724894114@qq.com>
Date: Mon, 2 Sep 2024 23:32:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=B4=A6=E6=88=B7=E5=AE=89?=
 =?UTF-8?q?=E5=85=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/advanced/index.vue | 28 +++++-----
 src/views/userCenter/user/bind.vue   | 79 ++++++++++++++++++++++++++--
 2 files changed, 89 insertions(+), 18 deletions(-)

diff --git a/src/views/setting/advanced/index.vue b/src/views/setting/advanced/index.vue
index 734eca0..368f768 100644
--- a/src/views/setting/advanced/index.vue
+++ b/src/views/setting/advanced/index.vue
@@ -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'
-						}
 					]
 				},
 			],
diff --git a/src/views/userCenter/user/bind.vue b/src/views/userCenter/user/bind.vue
index 387b632..f5bda4e 100644
--- a/src/views/userCenter/user/bind.vue
+++ b/src/views/userCenter/user/bind.vue
@@ -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{