|
|
@@ -150,9 +150,9 @@
|
|
|
<p>子系统：<span class="deviceOthers">{{ device.subsystemName }}</span></p>
|
|
|
</div>
|
|
|
<div class="device-footer">
|
|
|
- <el-button size="mini" @click="handleDetail(device)">详情</el-button>
|
|
|
- <el-button size="mini" @click="handleUpdate(device)">修改</el-button>
|
|
|
- <el-button size="mini" type="danger" @click="handleDelete(device)">删除</el-button>
|
|
|
+ <el-button size="mini" plain icon=" el-icon-document" @click="handleDetail(device)">详情</el-button>
|
|
|
+ <el-button size="mini" plain icon="el-icon-edit" @click="handleUpdate(device)">修改</el-button>
|
|
|
+ <el-button size="mini" plain icon="el-icon-delete" type="danger" @click="handleDelete(device)">删除</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -1168,8 +1168,8 @@ export default {
|
|
|
transition: 0.3s;
|
|
|
padding: 10px;
|
|
|
font-size: 14px;
|
|
|
- height: 250px;
|
|
|
- width: 300px;
|
|
|
+ height: 200px;
|
|
|
+ width: 350px;
|
|
|
margin-bottom: 20px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
@@ -1212,15 +1212,22 @@ export default {
|
|
|
|
|
|
/* 为按钮分配不同的颜色 */
|
|
|
.device-footer .el-button:first-child {
|
|
|
- background-color: #ffd5d5; /* 淡红色 */
|
|
|
+ background-color: #d5f1d5; /* 淡绿色 */
|
|
|
+ border: 1px solid lightgreen;
|
|
|
+ color: #71e2aa;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.device-footer .el-button:nth-child(2) {
|
|
|
background-color: #ffe5b4; /* 淡橙色 */
|
|
|
+ border: 1px solid #ffba00;
|
|
|
+ color: #faad14;
|
|
|
}
|
|
|
|
|
|
.device-footer .el-button:last-child {
|
|
|
- background-color: #d5f1d5; /* 淡绿色 */
|
|
|
+ background-color: #ffd5d5; /* 淡红色 */
|
|
|
+ border: 1px solid lightpink;
|
|
|
+ color: #f5222d;
|
|
|
}
|
|
|
|
|
|
/* 鼠标悬停时加深颜色 */
|
