From 740f596cb7c5b5e3576ba8aab9c4cc5732b3ccf2 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期日, 08 十月 2023 08:39:24 +0800
Subject: [PATCH] 油烟-报警
---
src/views/systemSetting/device/bayonet/index.vue | 76 ++++++++++++++++++++++++++++---------
1 files changed, 57 insertions(+), 19 deletions(-)
diff --git a/src/views/systemSetting/device/bayonet/index.vue b/src/views/systemSetting/device/bayonet/index.vue
index 8dc43d3..0b7b9ba 100644
--- a/src/views/systemSetting/device/bayonet/index.vue
+++ b/src/views/systemSetting/device/bayonet/index.vue
@@ -4,23 +4,35 @@
<div class="header-content">
<div class="search">
<span style="padding-right: 20px">绛涢�夋潯浠�:</span>
- <el-input v-model="context" placeholder="璇疯緭鍏�" @change="getBayonetListData"></el-input>
+ <el-input v-model="context" placeholder="璇疯緭鍏�"></el-input>
</div>
- </div>
- </header>
- <main>
- <div class="main-content">
+
<div class="main-title">
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ @click="getBayonetListData"
+ >鏌ヨ
+ </el-button>
<el-button
class="el-icon-plus button-addition"
type="primary"
@click="showDialog(false, null)"
>娣诲姞</el-button
>
- <el-button @click="handleExport">瀵煎嚭鍗″彛</el-button>
+
+ <el-button @click="handleExport" type="primary">瀵煎嚭鍗″彛</el-button>
</div>
+ </div>
+ </header>
+ <main>
+ <div class="main-content">
<!-- 鏁版嵁灞曠ず -->
- <MyTable :tableOption="tableOption" :get-table-list="getBayonetListData" :tableData="list" :pageShow="false">
+ <MyTable
+ :tableOption="tableOption"
+ :get-table-list="getBayonetListData"
+ :tableData="list"
+ >
<template #operation="info">
<el-link
:underline="false"
@@ -38,6 +50,25 @@
>
</template>
</MyTable>
+
+ <div class="tools">
+ <div class="funs">
+ <div class="funsItem funs-sp"></div>
+ <div class="funsItem funs-sp"></div>
+ <div class="funsItem"></div>
+ </div>
+ <div class="pagination">
+ <el-pagination
+ background
+ :current-page="current"
+ layout="prev, pager, next"
+ :total="total"
+ :page-size="size"
+ @current-change="changeCurrentPage"
+ >
+ </el-pagination>
+ </div>
+ </div>
</div>
</main>
<footer>
@@ -87,6 +118,7 @@
list: [],
current: 1,
size: 10,
+ total: 0,
tableOption: {
group: [
{
@@ -142,12 +174,18 @@
current: this.current,
size: this.size,
})
- .then(({ records }) => {
+ .then(({ records, total }) => {
this.list = records;
+ this.total = total;
})
.catch((err) => {
this.$message({ type: "error", message: err });
});
+ },
+ // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
+ changeCurrentPage(page) {
+ this.current = page;
+ this.getBayonetListData();
},
// 寮圭獥鍏抽棴
handleClose(done) {
@@ -166,7 +204,7 @@
.exportBayonetList({
bayonetName: this.context,
current: this.current,
- size: this.size
+ size: this.size,
})
.then((res) => {
downloadFile(res);
@@ -198,14 +236,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
// color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
- background-color: white;
+ // background-color: white;
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -229,6 +267,11 @@
// }
}
}
+
+ .main-title {
+ line-height: 60px;
+ padding: 10px 0px;
+ }
}
}
@@ -236,11 +279,6 @@
// background-color: #09152f;
margin-top: 20px;
padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
.tools {
display: flex;
@@ -327,4 +365,4 @@
.line {
padding: 0 5px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0