refactor(views): 移除登录页验证码和背景图,使用el-card替代自定义卡片

- 删除登录页中未使用的验证码输入和背景图相关代码
- 在钢种列表页中用el-card组件替换自定义卡片实现
- 移除element-ui.scss中未使用的阴影样式
This commit is contained in:
砂糖
2025-12-12 10:52:51 +08:00
parent f0b21a5588
commit 2ac6d387e1
3 changed files with 8 additions and 33 deletions

View File

@@ -1391,7 +1391,7 @@ body {
.el-descriptions {
width: 100%;
// background: $--color-background !important; // 黑色背景
box-shadow: $--metal-shadow;
// box-shadow: $--metal-shadow;
overflow: hidden;
color: $--color-text-primary; // 白色文字

View File

@@ -49,22 +49,16 @@
</div>
<!-- 循环渲染自定义卡片替代el-card -->
<div
class="steel-grade-card"
<el-card
style="width: 220px;"
v-for="(item, index) in tableData"
:key="index + item.gradeid"
>
<!-- 卡片内容仅展示接口返回的2个字段 -->
<div class="card-content">
<div class="grade-info">
<span class="info-label">钢种ID</span>
<span class="info-value">{{ item.gradeid }}</span>
</div>
<div class="grade-info">
<span class="info-label">钢种名称</span>
<span class="info-value">{{ item.name }}</span>
</div>
</div>
<el-descriptions :column="1">
<el-descriptions-item label="钢种ID">{{ item.gradeid }}</el-descriptions-item>
<el-descriptions-item label="钢种名称">{{ item.name }}</el-descriptions-item>
</el-descriptions>
<!-- 卡片操作按钮 -->
<div class="card-actions">
@@ -82,7 +76,7 @@
icon="el-icon-delete"
>删除</el-button>
</div>
</div>
</el-card>
</div>
<!-- 3. 编辑/新增弹窗完整保留原表单所有字段 -->

View File

@@ -1,12 +1,6 @@
<template>
<div class="login-container">
<!-- <div class="background-overlay"></div>
<img
src="https://ai-public.mastergo.com/ai/img_res/b802d3771c40fc94f7d24dfc7b553736.jpg"
class="background-image"
alt="工业场景"
> -->
<div class="login-form-wrapper">
<div class="login-form">
<div class="form-header">
@@ -38,19 +32,6 @@
>
<i class="fas fa-lock input-icon"></i>
</div>
<div class="input-group" style="display: flex; align-items: center; gap: 10px;">
<input
type="text"
v-model="loginForm.code"
placeholder="请输入验证码"
class="form-input"
required
>
<div class="login-code">
<img :src="codeUrl" @click="getCode" style="width: 100px; height: 40px;" class="login-code-img"/>
</div>
</div>
<div class="form-options">
<label class="remember-me">