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 { .el-descriptions {
width: 100%; width: 100%;
// background: $--color-background !important; // 黑色背景 // background: $--color-background !important; // 黑色背景
box-shadow: $--metal-shadow; // box-shadow: $--metal-shadow;
overflow: hidden; overflow: hidden;
color: $--color-text-primary; // 白色文字 color: $--color-text-primary; // 白色文字

View File

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

View File

@@ -1,12 +1,6 @@
<template> <template>
<div class="login-container"> <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-wrapper">
<div class="login-form"> <div class="login-form">
<div class="form-header"> <div class="form-header">
@@ -38,19 +32,6 @@
> >
<i class="fas fa-lock input-icon"></i> <i class="fas fa-lock input-icon"></i>
</div> </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"> <div class="form-options">
<label class="remember-me"> <label class="remember-me">