From f12d2578d5326e921f5f8141814772468c77eb2e Mon Sep 17 00:00:00 2001 From: mk <2403457699@qq.com> Date: Fri, 6 Dec 2024 11:12:07 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E6=A0=BC=E5=8C=96=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5=EF=BC=8C=E8=B6=85=E6=97=B6?= =?UTF-8?q?=E7=9D=A3=E5=8A=9E=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5=EF=BC=8C?= =?UTF-8?q?=E5=88=86=E6=9E=90=E6=8A=A5=E5=91=8A=E6=8E=A5=E5=8F=A3=E5=AF=B9?= =?UTF-8?q?=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../eventOld/analysis/grid-analysis.vue | 344 ++++-------------- .../shequzhili/eventOld/eventList-grid.vue | 140 +------ .../modules/shequzhili/eventOld/eventList.vue | 25 +- .../shequzhili/eventOld/timeOut/grid-time.vue | 37 +- 4 files changed, 102 insertions(+), 444 deletions(-) diff --git a/src/views/modules/shequzhili/eventOld/analysis/grid-analysis.vue b/src/views/modules/shequzhili/eventOld/analysis/grid-analysis.vue index 82d73cae6..53b2685eb 100644 --- a/src/views/modules/shequzhili/eventOld/analysis/grid-analysis.vue +++ b/src/views/modules/shequzhili/eventOld/analysis/grid-analysis.vue @@ -3,6 +3,11 @@
+ + + @@ -68,9 +73,9 @@
-
{{ analysisList.illegalConnectTotal }}
+
{{ analysisList.illegalConnectTotal || 0 }}
-
{{ analysisList.illegalConnectRate }}%
+
{{ analysisList.illegalConnectRate || 0 }}%
@@ -85,9 +90,9 @@
-
{{ analysisList.illegalResolveTotal }}
+
{{ analysisList.illegalResolveTotal || 0 }}
-
{{ analysisList.illegalResolveRate }}%
+
{{ analysisList.illegalResolveRate || 0 }}%
@@ -191,7 +196,6 @@ export default { return { starttime: "", endtime: "", - level: 1, tableList: [], communityList: [], departmentList: [], @@ -199,14 +203,16 @@ export default { formData: { queryDateStart: "", queryDateEnd: "", + agencyId:'' }, - - agencyLevel: '', - - orgData: { - id: "", - level: "agency", - }, + orgOptionProps:{ + multiple: false, + value: 'agencyId', + label: 'agencyName', + children: 'subAgencyList', + checkStrictly: true + }, + analysisList: {}, // 内容字段 @@ -217,37 +223,14 @@ export default { departHotline: "", hotDemand: "", }, + orgOptions:[], - mobileData: [], - addressMobileData: [], - addComplainData: [], - - eventCategorys: [], - - categoryPie: {}, - communityChart: {}, - departChart: {}, - hotlineChart: {}, - - categoryCountShow: false, communityCountShow: false, departCountShow: false, - subCategoryCountShow: false, - - recId: "", - departId: "", - communityId: "", - - eventId: "", - eventDetailData: {}, - pageType: "info", - - mergeObj: {}, - mergeArr: ['address'], myBarchart: {}, - sourceType:'0' - + sourceType:'0', + selectedValue:null, }; }, @@ -262,17 +245,22 @@ export default { watch: {}, mounted() { this.user = this.$store.state.user; - this.agencyId = this.user.agencyId; + this.formData.agencyId = this.user.agencyId; + this.selectedValue = this.user.agencyId this.getLastMonthRange() - this.getOrgData(); this.initEcharts() - this.agencyLevel = localStorage.getItem("level", this.orgData.level); - this.getTableData(); this.EventCategoryAnalysis(); - this.EventCate(); + this.getOrgTreeList() this.getCategoryTree() }, methods: { + handleCascaderChange(value) { + // value 是选中的完整路径数组 + // 获取最后一个选中的值 + const lastValue = value[value.length - 1]; + console.log(lastValue); + this.selectedValue = lastValue; + }, calculateRowspan(item) { if (!item.children || !item.children.length) { return 1; @@ -293,34 +281,17 @@ export default { }); }, - //加载组织数据 - async getOrgData() { - const url = "/gov/org/agency/maporg"; - let params = { - orgId: "", - level: "", - }; - - const { data, code, msg } = await requestPost(url, params); - if (code === 0) { - this.orgData = data; - } else { - this.$message.error(msg); - } - }, // 搜索事件 handleSearch(val) { this.communityList = []; this.departmentList = []; - - console.log(this.formData); + this.myBarchart =null; // 清空数据 - this.getTableData(); this.EventCategoryAnalysis(); - this.EventCate(); this.getCategoryTree() + this.initEcharts() }, //事件类型统计 async getCategoryTree() { @@ -341,9 +312,7 @@ export default { const { data, code, msg } = await requestPost(url, param); if (code === 0) { this.tableList = data - // this.tableList=this.flattenTree(data); console.log(this.tableList); - console.log(this.tableList, "lksdjfklj s"); } else { this.$message.error(msg); } @@ -360,39 +329,15 @@ export default { return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; }, initEcharts() { - this.$http.get("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org").then(({ data: { data } }) => { + let params = { + startDate: this.starttime, + endDate: this.endtime, + usableFlag: false, + agencyId:this.selectedValue + } + this.$http.post("/governance/icEvent/getSourceTypeNum",params).then(({ data: { data } }) => { this.myBarchart = echarts.init(document.getElementById("myBarchart")); - data = { - "totalResiNum": 25391, - "nonIntegratedResiNum": 8359, - "categoryStatsDatas": [ - - { - "resiCategory": "VETERAN_FLAG", - "resiCategoryName": "退役军人", - "total": 306, - "integratedNum": 149, - "nonIntegratedNum": 157 - }, - { - "resiCategory": "UNEMPLOYED_FLAG", - "resiCategoryName": "失业人员", - "total": 240, - "integratedNum": 0, - "nonIntegratedNum": 240 - }, - { - "resiCategory": "SUBSISTENCE_ALLOWANCE_FLAG", - "resiCategoryName": "低保人员", - "total": 53, - "integratedNum": 2, - "nonIntegratedNum": 51 - }, - - ] -} - let xData = data.categoryStatsDatas.map(item => item.resiCategoryName) - + let xData = data.map(item => item.sourceTypeName) let option = { backgroundColor: '#fff', color: ['#448cf6', '#f7ca60',], @@ -436,9 +381,9 @@ export default { type: 'bar', stack: '总量', barWidth: '50px', - data: data.categoryStatsDatas.map((item, index) => ({ - value: item.integratedNum, - extraProperty: item.resiCategory + data: data.map((item, index) => ({ + value: item.num, + // extraProperty: item.resiCategory })), }, { @@ -446,9 +391,9 @@ export default { type: 'bar', stack: '总量', barWidth: '50px', - data: data.categoryStatsDatas.map((item, index) => ({ - value: item.nonIntegratedNum, - extraProperty: item.resiCategory + data: data.map((item, index) => ({ + value: item.num, + // extraProperty: item.resiCategory })), } ] @@ -477,78 +422,24 @@ export default { console.log(this.formData.queryDateEnd); }, //对部门进行统计 - async EventCate() { - const url = "/governance/icEvent/EventCategoryAnalysis"; - // 对社区，部门进行更改 - if (this.formData.queryDateStart && this.formData.queryDateEnd) { - this.starttime = this.formData.queryDateStart, - this.endtime = this.formData.queryDateEnd - } else { - { - this.getLastMonthRange() - } - } - let param = { - startDate: this.starttime, - endDate: this.endtime, - usableFlag: true - } - const { data, code, msg } = await requestPost(url, param); - if (code === 0) { - console.log(data); - data.map(item => { - if (item.assignOrgType == "duty") { - this.departmentList.push(item) - } else { - this.communityList.push(item) - } - }) - } else { - this.$message.error(msg); - } - }, - flattenTree(tree, levelKeys = []) { - let result = []; - console.log(tree, "tree"); - tree.forEach(node => { - console.log(levelKeys); - let newLevelKeys = [...levelKeys]; - newLevelKeys.push(node.categoryName); - console.log(newLevelKeys, "newLevelKeys"); - let level1 = newLevelKeys[0] || null; - let level2 = newLevelKeys[1] || null; - let level3 = newLevelKeys[2] || null; - let level4 = newLevelKeys[3] || null; - let level5 = newLevelKeys[4] || null; - - if (level2) level1 = null; - if (level3) level2 = null; - if (level4) level3 = null; - if (level5) level4 = null; - - let flattenedNode = { - ...node, - level1: level1, - level2: level2, - level3: level3, - level4: level4, - level5: level5 - }; - - delete flattenedNode.children; - result.push(flattenedNode); - - if (node.children && node.children.length > 0) { - console.log(node, "node"); - result = result.concat(this.flattenTree(node.children, newLevelKeys)); - } - }); - console.log(result); - return result; + + getOrgTreeList () { + this.$http + .post('/gov/org/customeragency/agencygridtree', {}) + .then(({ data: res }) => { + if (res.code !== 0) { + return this.$message.error(res.msg) + } else { + this.orgOptions = res.data + } + }) + .catch(() => { + return this.$message.error('网络错误') + }) }, // 对总数做出统计 async EventCategoryAnalysis() { - const url = "/governance/icEvent/EventCategoryAnalysis"; + const url = "/governance/icEvent/EventOldCategoryAnalysis"; if (this.formData.queryDateStart && this.formData.queryDateEnd) { this.starttime = this.formData.queryDateStart, this.endtime = this.formData.queryDateEnd @@ -560,13 +451,12 @@ export default { let params = { startDate: this.starttime, endDate: this.endtime, - usableFlag: false + usableFlag: false, + agencyId:this.selectedValue } const { data, code, msg } = await requestPost(url, params); if (code === 0) { - console.log(data); this.analysisList = data[0]; - console.log(this.analysisList); } else { this.$message.error(msg); } @@ -576,113 +466,7 @@ export default { exportReport() { this.$message.info('功能即将开通，敬请期待') }, - - // 获取分类 - async getTableData() { - const url = '/governance/dwdEvent/report'; - const { formData } = this; - const { data, code, internalMsg } = await requestPost(url, { - ...formData - }); - if (code != 0) { - this.$message.info(internalMsg); - return; - } - if (!data) { - return; - } - - this.report = data; - - this.tableLoading = true; - - this.mobileData = this.report.mobileEvent - ? this.report.mobileEvent.map(item => { - return item; - }) - : []; - - this.addressMobileData = this.report.addressMobileEvents - ? this.report.addressMobileEvents.map(item => { - return item; - }) - : []; - this.addComplainData = this.report.awoEvents - ? this.report.awoEvents.map(item => { - return item; - }) - : []; - - this.eventCategorys = this.report.eventCategorys - ? this.report.eventCategorys.map(item => { - return item; - }) - : []; - - // 合并行 - this.getSpanArr(this.addressMobileData); - - if (this.report && this.report.categoryCount && Object.keys(this.report.categoryCount).length > 0) { - this.categoryCountShow = true; - } - - if (this.report && this.report.communityCount && Object.keys(this.report.communityCount).length > 0) { - this.communityCountShow = true; - } - - if (this.report && this.report.departCount && Object.keys(this.report.departCount).length > 0) { - this.departCountShow = true; - } - - if (this.report && this.report.subCategoryCount && Object.keys(this.report.subCategoryCount).length > 0) { - this.subCategoryCountShow = true; - } - }, - cleanSearchForm() { - this.departId = ''; - this.eventId = ""; - this.recId = ''; - this.address = ''; - this.mobile = ''; - this.awo_flag = ''; - }, - - getSpanArr(data) { - this.mergeArr.forEach((key, index1) => { - let count = 0; // 用来记录需要合并行的起始位置 - this.mergeObj[key] = []; // 记录每一列的合并信息 - data.forEach((item, index) => { - // index == 0表示数据为第一行，直接 push 一个 1 - if (index === 0) { - this.mergeObj[key].push(1); - } else { - // 判断当前行是否与上一行其值相等 如果相等 在 count 记录的位置其值 +1 表示当前行需要合并 并push 一个 0 作为占位 - if (item[key] === data[index - 1][key]) { - this.mergeObj[key][count] += 1; - this.mergeObj[key].push(0); - } else { - // 如果当前行和上一行其值不相等 - count = index; // 记录当前位置 - this.mergeObj[key].push(1); // 重新push 一个 1 - } - } - }) - }) - }, - // 默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 } - objectSpanMethod({ row, column, rowIndex, columnIndex }) { - // 判断列的属性 - if (this.mergeArr.indexOf(column.property) !== -1) { - // 判断其值是不是为0 - if (this.mergeObj[column.property][rowIndex]) { - return [this.mergeObj[column.property][rowIndex], 1] - } else { - // 如果为0则为需要合并的行 - return [0, 0]; - } - } - } }, props: {}, diff --git a/src/views/modules/shequzhili/eventOld/eventList-grid.vue b/src/views/modules/shequzhili/eventOld/eventList-grid.vue index 6655c79c1..7eb4cd034 100644 --- a/src/views/modules/shequzhili/eventOld/eventList-grid.vue +++ b/src/views/modules/shequzhili/eventOld/eventList-grid.vue @@ -10,9 +10,9 @@ :show-all-levels="false" @change="handleChangeAgency" clearable> - - @@ -28,10 +28,10 @@ --> - - + - @@ -80,35 +80,6 @@ - - - - 导出 - - 批量催办
@@ -159,34 +116,8 @@ - - - - - - @@ -210,41 +141,14 @@ -- - + --> - - + - @@ -413,24 +413,7 @@ export default { }, ], - qudaoArray: [ - { - value: "0", - label: "综治网格事件", - }, - { - value: "1", - label: "诚心办事件", - }, - { - value: "2", - label: "城管事件", - }, - { - value: "3", - label: "信访事件", - } - ], + keyProblemList:[ {label:'违章拉客',value:'0'}, {label:'违章停车',value:'1'} diff --git a/src/views/modules/shequzhili/eventOld/timeOut/grid-time.vue b/src/views/modules/shequzhili/eventOld/timeOut/grid-time.vue index 29e59a677..1d495051a 100644 --- a/src/views/modules/shequzhili/eventOld/timeOut/grid-time.vue +++ b/src/views/modules/shequzhili/eventOld/timeOut/grid-time.vue @@ -11,8 +11,8 @@ - + @@ -182,7 +182,7 @@ --> -