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