添加供应商编辑功能和密码显示切换

- 为供应商列表添加启用和编辑按钮
- 创建EditProviderModal组件支持编辑供应商信息
- 实现updateProvider API接口
- 为API Key输入框添加密码显示/隐藏功能,使用SVG图标
- 更新预设供应商配置为YesCode和PackyCode
- 移除model字段,简化供应商配置
This commit is contained in:
farion1231
2025-08-05 09:51:41 +08:00
parent 35cb750d19
commit 7ffd03e039
8 changed files with 298 additions and 32 deletions

View File

@@ -20,6 +20,8 @@
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1001;
}
.modal-content h2 {
@@ -79,6 +81,9 @@
border-radius: 4px;
font-size: 0.95rem;
transition: border-color 0.2s;
position: relative;
z-index: 1;
background: white;
}
.form-group input:focus {
@@ -119,4 +124,47 @@
.submit-btn:hover {
background: #229954;
}
.password-input-wrapper {
position: relative;
display: flex;
align-items: center;
}
.password-input-wrapper input {
padding-right: 2.5rem;
}
.password-toggle {
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
padding: 0.375rem;
background: none;
border: none;
cursor: pointer;
color: #7f8c8d;
transition: color 0.2s;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
z-index: 2;
}
.password-toggle svg {
width: 20px;
height: 20px;
stroke-width: 2;
}
.password-toggle:hover {
color: #3498db;
}
.password-toggle:focus {
outline: none;
}