From 5173f8e31d106abd003e123c8679cf53c7940b33 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 30 一月 2023 11:54:12 +0800
Subject: [PATCH] 网格绘制
---
src/views/systemSetting/device/bayonet/index.vue | 90 +++++++++++++++++++-------------------------
1 files changed, 39 insertions(+), 51 deletions(-)
diff --git a/src/views/systemSetting/device/bayonet/index.vue b/src/views/systemSetting/device/bayonet/index.vue
index f41782d..950f502 100644
--- a/src/views/systemSetting/device/bayonet/index.vue
+++ b/src/views/systemSetting/device/bayonet/index.vue
@@ -4,19 +4,7 @@
<div class="header-content">
<div class="search">
<span style="padding-right: 20px">绛涢�夋潯浠�:</span>
- <el-select
- v-model="context"
- placeholder="璇烽�夋嫨"
- @change="getBayonetListData"
- >
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- >
- </el-option>
- </el-select>
+ <el-input v-model="context" placeholder="璇疯緭鍏�" @change="getBayonetListData"></el-input>
</div>
</div>
</header>
@@ -24,7 +12,7 @@
<div class="main-content">
<div class="main-title">
<el-button
- class="el-icon-plus"
+ class="el-icon-plus button-addition"
type="primary"
@click="showDialog(false, null)"
>娣诲姞</el-button
@@ -32,7 +20,7 @@
<el-button @click="handleExport">瀵煎嚭鍗″彛</el-button>
</div>
<!-- 鏁版嵁灞曠ず -->
- <MyTable :tableOption="tableOption" :tableData="list" :pageShow="false">
+ <MyTable :tableOption="tableOption" :get-table-list="getBayonetListData" :tableData="list" :pageShow="false">
<template #operation="info">
<el-link
:underline="false"
@@ -210,14 +198,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
+ padding: 10px 20px;
+ // color: #4b9bb7;
+ border: 1px solid #ccc;
header {
- background-color: #09152f;
+ background-color: white;
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -233,25 +221,25 @@
.el-input {
flex: 2;
- color: #1d3f57;
+ // color: #1d3f57;
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
+ // &::v-deep .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
}
}
}
}
main {
- background-color: #09152f;
+ // background-color: #09152f;
margin-top: 20px;
padding-bottom: 50px;
.main-title {
line-height: 60px;
- padding: 10px 20px;
+ padding: 10px 0px;
}
.tools {
@@ -267,7 +255,7 @@
line-height: 28px;
display: flex;
align-items: center;
- border: 1px solid #17324c;
+ // border: 1px solid #17324c;
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
@@ -281,18 +269,18 @@
width: 120px;
}
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
+ // &::v-deep .el-input__inner {
+ // border: none;
+ // background-color: #09152f;
+ // }
- &:hover {
- border: 1px solid #4b9bb7;
- }
+ // &:hover {
+ // border: 1px solid #4b9bb7;
+ // }
- &:hover .el-checkbox {
- color: #4b9bb7;
- }
+ // &:hover .el-checkbox {
+ // color: #4b9bb7;
+ // }
}
}
@@ -303,24 +291,24 @@
justify-content: center;
.el-pagination {
- &::v-deep li,
- &::v-deep .btn-prev,
- &::v-deep .btn-next {
- background-color: #071f39;
- color: #4b9bb7;
- }
+ // &::v-deep li,
+ // &::v-deep .btn-prev,
+ // &::v-deep .btn-next {
+ // background-color: #071f39;
+ // color: #4b9bb7;
+ // }
- &::v-deep .active {
- background-color: #409eff;
- color: #fff;
- }
+ // &::v-deep .active {
+ // background-color: #409eff;
+ // color: #fff;
+ // }
}
}
}
.el-table {
- color: #4b9bb7;
- font-size: 10px;
+ // color: #4b9bb7;
+ // font-size: 10px;
.cell {
display: flex;
@@ -339,4 +327,4 @@
.line {
padding: 0 5px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0