From f5aca8b44e00a441830b5c73245cb2c249e4c024 Mon Sep 17 00:00:00 2001
From: zengh <123456>
Date: Mon, 01 Feb 2021 23:39:46 +0800
Subject: [PATCH] 客户列表
---
src/views/clientManagement/clientManagement.vue | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 102 insertions(+), 4 deletions(-)
diff --git a/src/views/clientManagement/clientManagement.vue b/src/views/clientManagement/clientManagement.vue
index f81a888..f5254a7 100644
--- a/src/views/clientManagement/clientManagement.vue
+++ b/src/views/clientManagement/clientManagement.vue
@@ -52,16 +52,29 @@
</template>
</avue-crud>
+
</basic-container>
</el-col>
+ <el-dialog title="缴费提醒" :visible.sync="dialogTableVisible" custom-class="payWin" append-to-body="true">
+ <el-table :data="gridData">
+ <el-table-column property="xb" label="序号" width="50"></el-table-column>
+ <el-table-column property="deviceName" label="设备名称" width="150"></el-table-column>
+ <el-table-column property="deviceNumber" label="设备编号" width="150"></el-table-column>
+ <el-table-column property="street" label="所属单位" width="200"></el-table-column>
+ <el-table-column property="expireTime" label="到期时间"></el-table-column>
+ </el-table>
+ </el-dialog>
</el-row>
</template>
<script>
- import {getList, remove, update, add, getclient, getDeptLazyTree} from "@/api/client/client";
+ import {getList, remove, update, add, getclient, getDeptLazyTree,getAll} from "@/api/client/client";
import {mapGetters} from "vuex";
export default {
+ created() {
+ this.payWin();
+ },
data() {
return {
form: {},
@@ -72,6 +85,8 @@
currentPage: 1,
total: 0
},
+ dialogTableVisible: false,
+ gridData:null,
selectionList: [],
treeDeptId: '',
treeData: [],
@@ -105,6 +120,7 @@
calcHeight: 80,
labelWidth: '100',
dialogWidth: 950,
+ menuWidth: 160,
tip: false,
searchShow: true,
searchMenuSpan: 4,
@@ -112,7 +128,7 @@
border: true,
index: true,
viewBtn: true,
- selection: true,
+ selection: false,
dialogClickModal: false,
column: [
{
@@ -128,9 +144,57 @@
width: 130
},
{
- label: "行政区",
- prop: "addvcd",
+ label: "省份",
+ prop: "province",
search: true,
+ searchSpan: 3,
+ searchLabelWidth: 60,
+ placeholder: "省份",
+ type: "select",
+ props: {
+ label: "name",
+ value: "code"
+ },
+ cascaderItem: ["city", "district"],
+ dicUrl: "/api/blade-system/region/select",
+ span: 6,
+ className: "cityClass1"
+ },
+ {
+ label: "地市",
+ prop: "city",
+ type: "select",
+ searchPlaceholder: "地市",
+ placeholder: "地市",
+ searchLabelWidth: 1,
+ searchSpan: 2,
+ search: true,
+ props: {
+ label: "name",
+ value: "code"
+ },
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ span: 3,
+ labelWidth: "0",
+ className: "cityClass2"
+ },
+ {
+ label: "区县",
+ searchSpan: 2,
+ searchLabelWidth: 1,
+ searchPlaceholder: "区县",
+ placeholder: "区县",
+ search: true,
+ prop: "district",
+ type: "select",
+ props: {
+ label: "name",
+ value: "code"
+ },
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ span: 3,
+ labelWidth: "0",
+ className: "cityClass3"
}, {
label: "布撤防状态",
prop: "devicestate",
@@ -333,6 +397,11 @@
...this.query
};
values.releaseTimeRange = null;
+ }else{
+ values = {
+ ...params,
+ ...this.query
+ };
}
this.loading = true;
getList(page.currentPage, page.pageSize, values, this.treeDeptId).then(res => {
@@ -358,9 +427,38 @@
};
}
},
+ payWin(){
+ var that = this;
+ getAll().then(res => {
+ var data =res.data.data;
+ var lists = [];
+ var xb = 0;
+ for (var i = 0; i < data.length; i++) {
+ if (data[i].type == "1") {
+ xb++;
+ data[i].xb = xb;
+ lists.push(data[i]);
+ }
+ }
+ if (lists.length > 0){
+ that.gridData = lists;
+ that.dialogTableVisible = true;
+ }
+ });
+
+ }
}
};
</script>
<style>
+ .payWin{
+ overflow-y: auto;
+ height: 350px;
+ }
+
+ .payWin .el-dialog__body{
+ padding-top: 0px !important;
+ }
+
</style>
--
Gitblit v1.9.3