From 9a3d84b683030eb05537078661025e2fb3288b40 Mon Sep 17 00:00:00 2001
From: whychdw <496960745@qq.com>
Date: 星期一, 14 十月 2024 08:37:12 +0800
Subject: [PATCH] 内容提交
---
src/views/device/lock/index.vue | 91 +++++++++++++++++++++++++++++++++++----------
1 files changed, 71 insertions(+), 20 deletions(-)
diff --git a/src/views/device/lock/index.vue b/src/views/device/lock/index.vue
index 4305d58..5ba0202 100644
--- a/src/views/device/lock/index.vue
+++ b/src/views/device/lock/index.vue
@@ -15,6 +15,11 @@
installState: '鏈畨瑁�'
}
],
+ filter: {
+ name: '',
+ state: 0,
+ type: 0
+ },
page: {
currentPage: 1,
pageSize: 20,
@@ -37,29 +42,61 @@
</script>
<template>
- <div class="lock-wrapper">
- <div class="lock-header">
+ <div class="page-wrapper">
+ <div class="page-header">
<div class="hdw-card-container">
<hdw-card title="鍖哄煙鍒楄〃" is-full>
<hdw-tree></hdw-tree>
</hdw-card>
</div>
</div>
- <div class="lock-content">
+ <div class="page-content">
<hdw-card is-full>
- <div class="lock-content-wrapper">
- <div class="lock-content-tools">
- <el-button type="primary" size="small" :icon="Search">鏌ヨ</el-button>
- <el-button type="success" size="small" :icon="Plus">娣诲姞</el-button>
- <el-button type="success" size="small" :icon="Plus">鎵归噺娣诲姞</el-button>
+ <div class="page-content-wrapper">
+ <div class="page-content-tools">
+ <el-button type="primary" size="small" :icon="Plus">娣诲姞</el-button>
+ <el-button type="primary" size="small" :icon="Plus">鎵归噺娣诲姞</el-button>
+ |
<div class="tools-filter">
<div class="tools-filter-item">
- <div class="filter-label"></div>
- <div class="filter-content"></div>
+ <div class="filter-label">閿佸叿鍚嶇О锛�</div>
+ <div class="filter-content">
+ <el-input v-model="filter.name" size="small"></el-input>
+ </div>
+ </div>
+ <div class="tools-filter-item">
+ <div class="filter-label">閿佸叿鐘舵�侊細</div>
+ <div class="filter-content">
+ <el-select
+ v-model="filter.state"
+ placeholder="璇烽�夋嫨"
+ size="small"
+ style="width: 180px"
+ >
+ <el-option label="--璇烽�夋嫨--" :value="0"/>
+ <el-option label="鏈畨瑁�" :value="1"/>
+ <el-option label="宸插畨瑁�" :value="2"/>
+ </el-select>
+ </div>
+ </div>
+ <div class="tools-filter-item">
+ <div class="filter-label">閿佸叿绫诲瀷锛�</div>
+ <div class="filter-content">
+ <el-select
+ v-model="filter.type"
+ placeholder="璇烽�夋嫨"
+ size="small"
+ style="width: 180px">
+ <el-option label="--璇烽�夋嫨--" :value="0"/>
+ <el-option label="鏃犳簮" :value="1"/>
+ <el-option label="钃濈墮" :value="2"/>
+ </el-select>
+ </div>
</div>
</div>
+ <el-button type="primary" size="small" :icon="Search">鏌ヨ</el-button>
</div>
- <div class="lock-content-table">
+ <div class="page-content-table">
<div class="pos-rel">
<div class="pos-abs">
<el-table :data="tableData" border style="width: 100%; height: 100%">
@@ -80,7 +117,7 @@
</div>
</div>
</div>
- <div class="lock-content-page">
+ <div class="page-content-page">
<div class="page-tool"></div>
<div class="el-page-container">
<el-pagination
@@ -101,34 +138,34 @@
</div>
</hdw-card>
</div>
- <div class="lock-footer"></div>
+ <div class="page-footer"></div>
</div>
</template>
<style scoped lang="scss">
-.lock-wrapper {
+.page-wrapper {
display: flex;
flex-direction: row;
padding: 8px;
height: 100%;
- .lock-content {
+ .page-content {
flex: 1;
}
}
-.lock-content-wrapper {
+.page-content-wrapper {
display: flex;
flex-direction: column;
height: 100%;
- .lock-content-tools {
+ .page-content-tools {
padding-bottom: 8px;
}
- .lock-content-table {
+ .page-content-table {
flex: 1;
margin-left: -8px;
margin-right: -8px;
}
- .lock-content-page {
+ .page-content-page {
padding: 8px 8px 0 8px;
text-align: center;
.el-page-container {
@@ -142,7 +179,7 @@
}
.hdw-card-container {
- width: 320px;
+ width: 240px;
padding-right: 8px;
height: 100%;
}
@@ -160,4 +197,18 @@
height: 100%;
}
}
+.tools-filter {
+ display: inline-block;
+ font-size: 14px;
+ .tools-filter-item {
+ display: inline-block;
+ margin-right: 8px;
+ .filter-label {
+ display: inline-block;
+ }
+ .filter-content {
+ display: inline-block;
+ }
+ }
+}
</style>
--
Gitblit v1.9.1