-
+
{{ item.meta.title }}
-
+
-
-
-
-
{{tableTitle}}
-
-
-
-
-
-
-
{{item.sort}}
-
{{item.name}}
-
{{item.gridName}}
-
{{item.neighborHoodName + item.buildNum}}
-
-
{{item.mobile}}
-
{{item.idCard}}
-
{{item.gender}}
-
{{item.birthday}}
-
{{'查看'}}
-
-
-
-
-
- 加载中
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
+ v-if="info.userId"
+ :userId="info.userId"
+ :gridName="info.gridName"
+ @close="showedMoreInfo = false" />
@@ -97,37 +44,88 @@ import { requestPost } from "@/js/dai/request";
import People from "./people";
import ScreenLoading from "@/views/modules/visual/cpts/loading";
import peopleMore from "@/views/modules/visual/basicinfo/cpts/people-more";
+import cptTb from "@/views/modules/visual/cpts/tb";
export default {
name: "people-list",
components: {
- People, ScreenLoading, peopleMore
+ People, ScreenLoading, peopleMore, cptTb
},
data () {
return {
showedMoreInfo: false,
tableTitle: '党员',
- loading: false,
- headerList: [],
- tableData: [],
searchName: '',
+
+ orgLevel: 'search',
+ orgId: '',
pageSize: 10,
pageNo: 1,
total: 0,
- orgLevel: 'search',
- orgId: '',
- selUserId: '',
+
//下钻层级记录
- runNum: 0,
- runAgencyArray: [],
info: {},
- breadList: []
+ breadList: [],
+
+ demand: {
+ loading: true,
+ colList: [
+ {
+ align: "left",
+ width: "5%",
+ },
+ {
+ align: "left",
+ width: "10%",
+ },
+ {
+ align: "left",
+ width: "20%",
+ },
+ {
+ align: "left",
+ width: "10%",
+ },
+ {
+ align: "left",
+ width: "8%",
+ },
+ {
+ align: "left",
+ width: "10%",
+ },
+ {
+ align: "left",
+ width: "7%",
+ },
+ {
+ align: "left",
+ width: "20%",
+ },
+ {
+ align: "left",
+ width: "10%",
+ },
+ ],
+ header: [
+ "序号",
+ "姓名",
+ "所属网格",
+ "所属房屋",
+ "手机",
+ "身份证",
+ "性别",
+ "出生日期",
+ "操作",
+ ],
+ list: [],
+
+ },
};
},
activated () {
-
this.searchName = ''
- this.tableData = []
+
const { columnName, label, id, level } = this.$route.query
this.orgLevel = level
this.orgId = id
@@ -136,40 +134,72 @@ export default {
this.loadList(id, level)
},
- deactivated() {
+ deactivated () {
this.orgLevel = ''
this.orgId = ''
this.pageNo = 1
},
- beforeRouteEnter(to, from, next) {
- const arr = [ {...from }, { ...to, meta: { title: '人员列表'}}]
- next((vm) =>{
- vm.breadList = [ ...arr ]
+ beforeRouteEnter (to, from, next) {
+ const arr = [{ ...from }, { ...to, meta: { title: '人员列表' } }]
+ next((vm) => {
+ vm.breadList = [...arr]
})
},
methods: {
handleSearch () {
},
+ toEventInfo () {
+
+ },
+
+ handlePageNoChange (pageNo) {
+ this.pageNo = pageNo
+ this.loadList(this.orgId, this.orgLevel)
+
+ },
+ handleSizeChange (pageSize) {
+ this.pageSize = pageSize
+ this.loadList(this.orgId, this.orgLevel)
+
+ },
async loadList (id, level) {
- this.loading = true
+ this.demand.loading = true;
+
const url = "/epmetuser/icresiuser/searchbycategory"
let params = {
columnName: this.searchName,
id,
level,
+ pageNo: this.pageNo,
pageSize: this.pageSize,
- pageNo: this.pageNo
}
const { data, code, msg } = await requestPost(url, params)
- this.loading = false
+ this.demand.loading = false;
+
if (code === 0) {
- this.total = data.total
- this.tableData = data.list
+
+
+ this.demand.total = data.total;
+
+ this.demand.list = data.list.map((item, index) => {
+ return [
+ index + 1,
+ item.name ? item.name : "--",
+ item.gridName ? item.gridName : "--",
+ item.neighborHoodName + item.buildNum ? item.neighborHoodName + item.buildNum : "--",
+ item.mobile ? item.mobile : "--",
+ item.idCard ? item.idCard : "--",
+ item.gender ? item.gender : "--",
+ item.birthday ? item.birthday : "--",
+
+ { type: "operate", list: ["查看"] },
+ ];
+ });
} else {
this.$message.error(msg)
}
@@ -177,7 +207,7 @@ export default {
//点击查看
handelToPeople (item) {
- // this.toSubAgency('people', this.tableData[index].userId)
+
this.info = { ...item }
this.showedMoreInfo = true
},
@@ -205,7 +235,7 @@ export default {
@@ -230,26 +260,24 @@ export default {
height: 780px;
margin: 0 auto;
}
-.warning-table {
- height: 640px;
-}
+
.pagination {
padding-right: 0;
margin-top: 0;
text-align: right;
}
.g-bread {
- padding: 10px 10px 15px;
- ::v-deep .el-breadcrumb__item {
- font-size: 16px;
- .el-breadcrumb__inner {
- color: #fff;
- }
+ padding: 10px 10px 15px;
+ ::v-deep .el-breadcrumb__item {
+ font-size: 16px;
+ .el-breadcrumb__inner {
+ color: #fff;
}
- ::v-deep .el-breadcrumb__item:first-child {
- .el-breadcrumb__inner {
- color: #a0c3d9;
- }
+ }
+ ::v-deep .el-breadcrumb__item:first-child {
+ .el-breadcrumb__inner {
+ color: #a0c3d9;
}
}
+}
diff --git a/src/views/modules/visual/cpts/tb copy.vue b/src/views/modules/visual/cpts/tb copy.vue
new file mode 100644
index 000000000..3b280dcb9
--- /dev/null
+++ b/src/views/modules/visual/cpts/tb copy.vue
@@ -0,0 +1,263 @@
+
+
+
+
+
+ 加载中
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/modules/visual/cpts/tb.vue b/src/views/modules/visual/cpts/tb.vue
index 3b280dcb9..73959e9f5 100644
--- a/src/views/modules/visual/cpts/tb.vue
+++ b/src/views/modules/visual/cpts/tb.vue
@@ -1,83 +1,111 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+ 
+ {{titleName}}
+
+
+
+
+
-
-
- 加载中
-
+ @click="handleClickPeople(item)">{{ item.name }}
+ |
+
+
+
+
+
+ 加载中
+
-
-
-
+
+
+
+
+
+
@@ -90,6 +118,17 @@ export default {
ScreenLoading,
},
props: {
+ //是否显示标题，默认为true
+ showTitle: {
+ type: Boolean,
+ default: true
+ },
+ //列表标题名称
+ titleName: {
+ type: String,
+ default: "列表"
+ },
+ //各列对齐方式、宽度等属性
colList: {
type: Array,
default: () => {
@@ -101,39 +140,27 @@ export default {
];
},
},
+ //表头
header: {
type: Array,
required: false,
default: () => {
- return [
- // "序号", "所属网格", "操作"
- ];
+ return [];
},
},
+ //每行数据
list: {
type: Array,
required: false,
default: () => {
- return [
- // [
- // 1,
- // "商丘路社区第一网格",
- // {
- // type: "operate",
- // list: ["查看"],
- // },
- // ],
- // [
- // 2,
- // "商丘路社区第一网格",
- // {
- // type: "operate",
- // list: ["查看"],
- // },
- // ],
- ];
+ return [];
},
},
+ //数据总数
+ total: {
+ type: Number,
+ default: 0
+ },
loading: {
type: Boolean,
default: true,
@@ -144,7 +171,11 @@ export default {
},
},
data () {
- return {};
+ return {
+
+ pageSize: 10,
+ pageNo: 1,
+ };
},
watch: {},
@@ -165,12 +196,50 @@ export default {
path: `/main-shuju/visual-basicinfo-people/${item.uid}`,
});
},
+
+ handlePageNoChange (val) {
+ this.$emit("handlePageNoChange", val);
+ },
+ handleSizeChange (val) {
+ this.$emit("handleSizeChange", val);
+ },
},
};
- 
+ 
+ 
+