From 74c60c36aef44eb3b9c033704a67edb4b4d333cd Mon Sep 17 00:00:00 2001
From: he wei <858544502@qq.com>
Date: 星期五, 05 十一月 2021 12:17:36 +0800
Subject: [PATCH] U 修改工单列表页面
---
src/pages/alarmWork/list.vue | 78 +++++++++++++++++++++++++++++----------
1 files changed, 58 insertions(+), 20 deletions(-)
diff --git a/src/pages/alarmWork/list.vue b/src/pages/alarmWork/list.vue
index ff71924..46eb8a1 100644
--- a/src/pages/alarmWork/list.vue
+++ b/src/pages/alarmWork/list.vue
@@ -7,7 +7,7 @@
<el-col :span="12">
<label>
<span class="label">鏍囬鍐呭:</span>
- <el-input v-model="title" size="small" placeholder="璇疯緭鍏ュ叧閿瘝"></el-input>
+ <el-input v-model="title" size="small" @change="keyWordChanged" placeholder="璇疯緭鍏ュ叧閿瘝"></el-input>
</label>
</el-col>
<el-col :span="12">
@@ -20,13 +20,14 @@
range-separator=" ~ "
start-placeholder="寮�濮嬫棩鏈�"
end-placeholder="缁撴潫鏃ユ湡"
+ @change="dateChanged"
>
</el-date-picker>
</label>
</el-col>
</el-row>
<div class="" slot="footer">
- <el-button type="primary" icon="el-icon-search">鏌ヨ</el-button>
+ <el-button type="primary" @click="getList" icon="el-icon-search">鏌ヨ</el-button>
</div>
</flex-layout>
</div>
@@ -40,10 +41,11 @@
@itemclick="details"
:data="item"
></list-card>
+ <el-empty :image-size="200" v-if="!list.length"></el-empty>
</div>
<!-- 鍒嗛〉 -->
<div class="pagination" slot="footer">
- <el-button type="primary" size="mini" icon="el-icon-arrow-left">涓婁竴椤�</el-button>
+ <el-button type="primary" :disabled="!page.hasPreviousPage" size="mini" icon="el-icon-arrow-left" @click="prevPage">涓婁竴椤�</el-button>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -53,7 +55,7 @@
layout="total, sizes, prev, pager, next, jumper"
:total="page.total">
</el-pagination>
- <el-button type="primary" size="mini" icon="el-icon-arrow-right">涓嬩竴椤�</el-button>
+ <el-button type="primary" :disabled="!page.hasNextPage" size="mini" icon="el-icon-arrow-right" @click="nextPage">涓嬩竴椤�</el-button>
</div>
</flex-layout>
</flex-layout>
@@ -72,17 +74,17 @@
return {
unitType: 1,
title: "",
- desc: "",
datetime: "",
- level: 0,
- fileList: [],
- operate: 0,
list: [],
page: {
currentPage: 1,
pageSizes: [1, 5, 10, 20],
pageSize: 5,
- total: 0
+ total: 0,
+ hasNextPage: false,
+ hasPreviousPage: false,
+ prePage: 0,
+ nextPage: 0
}
}
},
@@ -99,31 +101,67 @@
methods: {
details (data) {
console.log(data);
+ this.$message({
+ type: 'success',
+ message: '娉ㄦ剰, 鎴戣璺宠浆璇︽儏椤甸潰浜� 鍗曞彿锛�' + data.orderId
+ });
},
handleSizeChange (val) {
- console.log(`姣忛〉 ${val} 鏉);
+ // console.log(`姣忛〉 ${val} 鏉);
+ this.page.pageSize = val;
+ this.getList();
},
handleCurrentChange (val) {
- console.log(`褰撳墠椤�: ${val}`);
+ // console.log(`褰撳墠椤�: ${val}`);
+ this.page.currentPage = val;
+ this.getList();
+ },
+ // 涓婁竴椤�
+ prevPage () {
+ this.page.currentPage = this.page.prePage;
+ this.getList();
+ },
+ // 涓嬩竴椤�
+ nextPage () {
+ this.page.currentPage = this.page.nextPage;
+ this.getList();
+ },
+ keyWordChanged () {
+ this.getList();
+ },
+ dateChanged () {
+ // TODO
+ this.$message({
+ type: 'warning',
+ message: '鍔熻兘寮�鍙戜腑...'
+ });
},
// 鏌ュ垪琛�
getList () {
let param = {
- pageNum: 1,
- pageSize: 1,
- type: 1
+ pageNum: this.page.currentPage,
+ pageSize: this.page.pageSize,
+ type: this.unitType
};
- let data = {
-
- };
+ let data = {};
+ if (this.title) {
+ data.title = this.title;
+ }
getList(param, data).then((res) => {
res = res.data;
- console.log(res, '=====');
+ // console.log(res, '=====');
let list = [];
if (res.code) {
- list = res.data;
+ let _data = res.data;
+ list = _data.list;
+ // 鏇存柊鍒嗛〉鏁版嵁
+ this.page.total = _data.total;
+ this.page.hasNextPage = _data.hasNextPage;
+ this.page.hasPreviousPage = _data.hasPreviousPage;
+ this.page.prePage = _data.prePage;
+ this.page.nextPage = _data.nextPage;
}
- console.log(list);
+ // console.log(list);
this.list = list;
}).catch((err) => {
console.error(err);
--
Gitblit v1.9.1