|
|
|
@ -15,7 +15,7 @@ |
|
|
|
:show-all-levels="false" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上报时间" prop="startDate"> |
|
|
|
<el-form-item label="登录时间" prop="startDate"> |
|
|
|
<el-date-picker |
|
|
|
v-model="formData.startDate" |
|
|
|
:picker-options="startPickerOptions" |
|
|
|
@ -123,12 +123,12 @@ |
|
|
|
<el-dialog :title="title" :visible.sync="dialogVisible" v-if="dialogVisible" width="50%" :before-close="handleClose"> |
|
|
|
<div |
|
|
|
style=" text-align: right; |
|
|
|
margin-top: -30px; |
|
|
|
margin-top: -10px; |
|
|
|
margin-bottom: 10px;" |
|
|
|
> |
|
|
|
<el-button size="small" class="diy-button--output" @click="handleExport()">导出</el-button> |
|
|
|
<el-button size="small" v-if="orgType == 'community'" class="diy-button--output" @click="handleExport()">导出</el-button> |
|
|
|
</div> |
|
|
|
<el-table :data="tableDataView" border v-loading="tableLoading2" :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" class="table" style="width: 100%"> |
|
|
|
<el-table :data="tableDataView" border v-loading="tableLoading2" :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" class="table" style="width: 100%;"> |
|
|
|
<template v-if="orgType == 'community'"> |
|
|
|
<el-table-column label="序号" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="agencyName" align="center" label="社区名称" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
@ -159,6 +159,7 @@ |
|
|
|
:total="total" |
|
|
|
></el-pagination> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -281,6 +282,7 @@ export default { |
|
|
|
if (typeof this.formData[n] == 'object') this.formData[n] = []; |
|
|
|
else this.formData[n] = ''; |
|
|
|
} |
|
|
|
this.handleSearch(); |
|
|
|
}, |
|
|
|
async handleExport() { |
|
|
|
const url = '/gov/org/staffLoginLog/community-count-export'; |
|
|
|
@ -375,7 +377,7 @@ export default { |
|
|
|
endDate: this.formData.endDate, |
|
|
|
isPage: true, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
pageSize: this.pageSize, |
|
|
|
}; |
|
|
|
this.tableLoading2 = true; |
|
|
|
const { data, code, msg } = await requestPost(url, param); |
|
|
|
@ -453,7 +455,7 @@ export default { |
|
|
|
|
|
|
|
const { pageSize, pageNo, formData } = this; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
pageSize, |
|
|
|
pageSize:10, |
|
|
|
pageNo, |
|
|
|
isPage: true, |
|
|
|
dataRange: 'exclude_zero', |
|
|
|
@ -476,6 +478,7 @@ export default { |
|
|
|
}, |
|
|
|
async getsubData() { |
|
|
|
this.$refs.pieChart.showLoading(); |
|
|
|
// staffLoginLog/streetTotal |
|
|
|
let url = '/gov/org/staffLoginLog/sub-count'; |
|
|
|
let param = { |
|
|
|
orgId: this.formData.orgId, |
|
|
|
@ -494,6 +497,62 @@ export default { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
async getPiesubData(orgId, orgType) { |
|
|
|
// staffLoginLog/streetTotal |
|
|
|
|
|
|
|
console.log(orgType); |
|
|
|
let url = ''; |
|
|
|
if (orgType == 'street') { |
|
|
|
url = '/gov/org/staffLoginLog/community-count'; |
|
|
|
} else { |
|
|
|
url = '/gov/org/staffLoginLog/streetTotal'; |
|
|
|
} |
|
|
|
|
|
|
|
this.dialogVisible = true; |
|
|
|
|
|
|
|
let param = {}; |
|
|
|
console.log('orgType', orgType); |
|
|
|
// district street community |
|
|
|
// 1 是区县 2是镇街 3是社区 4是下级 |
|
|
|
switch (this.orgType) { |
|
|
|
case 'district': |
|
|
|
this.title = '区县级账号登录情况'; |
|
|
|
// url = '/gov/org/staffLoginLog/district-count'; |
|
|
|
break; |
|
|
|
case 'street': |
|
|
|
this.title = '镇街级账号登录情况'; |
|
|
|
// url = '/gov/org/staffLoginLog/street-count'; |
|
|
|
break; |
|
|
|
case 'community': |
|
|
|
this.title = '社区级账号登录情况'; |
|
|
|
// url = '/gov/org/staffLoginLog/community-count'; |
|
|
|
break; |
|
|
|
} |
|
|
|
param = { |
|
|
|
orgId: orgId, |
|
|
|
level: orgType, |
|
|
|
startDate: this.formData.startDate, |
|
|
|
endDate: this.formData.endDate, |
|
|
|
isPage: true, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
}; |
|
|
|
this.tableLoading2 = true; |
|
|
|
const { data, code, msg } = await requestPost(url, param); |
|
|
|
this.tableLoading2 = false; |
|
|
|
if (code === 0) { |
|
|
|
console.log('ddd data', data); |
|
|
|
this.dialogVisible = true; |
|
|
|
this.total = data.total || 0; |
|
|
|
this.tableDataView = data.list |
|
|
|
? data.list.map(item => { |
|
|
|
return item; |
|
|
|
}) |
|
|
|
: []; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleSizeChange(val) { |
|
|
|
this.pageSize = val; |
|
|
|
window.localStorage.setItem('pageSize', val); |
|
|
|
@ -590,8 +649,8 @@ export default { |
|
|
|
color: '#F3F7FD' |
|
|
|
} |
|
|
|
}, |
|
|
|
min:0, |
|
|
|
max:1000, |
|
|
|
min: 0, |
|
|
|
max: 1000 |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
@ -600,17 +659,19 @@ export default { |
|
|
|
type: 'bar', |
|
|
|
itemStyle: { |
|
|
|
color: 'rgb(33, 149, 254)', |
|
|
|
borderRadius: [4, 4, 0, 0], |
|
|
|
borderRadius: [4, 4, 0, 0] |
|
|
|
} |
|
|
|
} |
|
|
|
] |
|
|
|
}; |
|
|
|
if (chartData.data.length>0) { |
|
|
|
this.pieOption.yAxis.max=null |
|
|
|
if (chartData.data.length > 0) { |
|
|
|
this.pieOption.yAxis.max = null; |
|
|
|
} |
|
|
|
this.$refs.pieChart.setOption(this.pieOption); |
|
|
|
}, |
|
|
|
handelClickMyPei(param) { |
|
|
|
console.log('param', param); |
|
|
|
|
|
|
|
if (param.data.level != 'community') { |
|
|
|
if (param.data.level == 'district') { |
|
|
|
this.orgType = 'street'; |
|
|
|
@ -619,11 +680,8 @@ export default { |
|
|
|
this.orgType = 'community'; |
|
|
|
} |
|
|
|
|
|
|
|
this.orgId = param.data.id; |
|
|
|
this.orgName = param.data.name; |
|
|
|
this.pageNo = 1; |
|
|
|
this.showNext(); |
|
|
|
this.dialogVisible = true; |
|
|
|
this.getPiesubData(param.data.id, param.data.level); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -686,8 +744,8 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.div_table{ |
|
|
|
padding: 30px!important; |
|
|
|
.div_table { |
|
|
|
padding: 30px !important; |
|
|
|
} |
|
|
|
.div_table_title { |
|
|
|
margin-top: -10px; |
|
|
|
@ -718,5 +776,7 @@ export default { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.el-table::before { |
|
|
|
z-index: inherit; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
tianq
3 years ago