refactor(views): 移除登录页验证码和背景图,使用el-card替代自定义卡片
- 删除登录页中未使用的验证码输入和背景图相关代码 - 在钢种列表页中用el-card组件替换自定义卡片实现 - 移除element-ui.scss中未使用的阴影样式
This commit is contained in:
@@ -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; // 白色文字
|
||||
|
||||
|
||||
@@ -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. 编辑/新增弹窗(完整保留原表单所有字段) -->
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user