|
|
|
@ -75,7 +75,7 @@ |
|
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
|
class="table" |
|
|
|
style="width: 100%" |
|
|
|
:height="maxTableHeight" |
|
|
|
:height="TableHeight" |
|
|
|
> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="streetName" label="镇街" align="center" :show-overflow-tooltip="true" /> |
|
|
|
@ -92,7 +92,7 @@ |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-sizes="[10, 20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total" |
|
|
|
@ -115,7 +115,6 @@ import axios from 'axios'; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { screenEchartsFrame, screenEchartsFrame2 }, |
|
|
|
|
|
|
|
data() { |
|
|
|
let endDisabledDate = time => { |
|
|
|
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键 |
|
|
|
@ -132,64 +131,42 @@ export default { |
|
|
|
let nowData = Date.now(); |
|
|
|
return time.getTime() > nowData; |
|
|
|
}; |
|
|
|
|
|
|
|
return { |
|
|
|
tableLoading: false, |
|
|
|
pageType: 'list', // 列表list 新增add 处理dispose 详情info |
|
|
|
user: {}, |
|
|
|
agencyId: '', |
|
|
|
gridList: [], //所属网格list--场所区域 |
|
|
|
agencyIdArray: [], |
|
|
|
orgOptions: [], |
|
|
|
orgOptionProps: { |
|
|
|
multiple: false, |
|
|
|
value: 'agencyId', |
|
|
|
label: 'agencyName', |
|
|
|
children: 'subAgencyList', |
|
|
|
checkStrictly: true |
|
|
|
}, |
|
|
|
tableData: [], |
|
|
|
|
|
|
|
formData: { |
|
|
|
gridId: '', |
|
|
|
agencyId: '', |
|
|
|
sourceType: '', |
|
|
|
eventContent: '', |
|
|
|
name: '', |
|
|
|
mobile: '', |
|
|
|
startTime: '', |
|
|
|
endTime: '', |
|
|
|
status: '', |
|
|
|
firstIdList: [], |
|
|
|
secondIdList: [] |
|
|
|
}, |
|
|
|
cateOptions: [], |
|
|
|
eventTypeCheck: [], |
|
|
|
formData: {}, |
|
|
|
pageNo: 1, |
|
|
|
pageSize: window.localStorage.getItem('pageSize') || 20, |
|
|
|
total: 1, |
|
|
|
endPickerOptions: { |
|
|
|
//时间 |
|
|
|
disabledDate: endDisabledDate |
|
|
|
}, |
|
|
|
startPickerOptions: { |
|
|
|
//时间 |
|
|
|
disabledDate: startDisabledDate |
|
|
|
}, |
|
|
|
eventId: '', |
|
|
|
|
|
|
|
eventDetailData: {}, |
|
|
|
|
|
|
|
showVoice: false, |
|
|
|
selVoiceUrl: '', |
|
|
|
|
|
|
|
multipleSelection: [], |
|
|
|
agencyId: '', //组织 |
|
|
|
agencyIdArray: [], //组织 |
|
|
|
orgOptions: [], //组织 |
|
|
|
orgOptionProps: { |
|
|
|
//组织 |
|
|
|
multiple: false, |
|
|
|
value: 'agencyId', |
|
|
|
label: 'agencyName', |
|
|
|
children: 'subAgencyList', |
|
|
|
checkStrictly: true |
|
|
|
}, |
|
|
|
TableHeight: '' |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
maxTableHeight() { |
|
|
|
return this.$store.state.inIframe ? this.clientHeight - 440 + this.iframeHeigh : this.clientHeight - 440; |
|
|
|
this.TableHeight = this.$store.state.inIframe ? this.clientHeight - 460 + this.iframeHeigh : this.clientHeight - 460; |
|
|
|
return this.TableHeight; |
|
|
|
}, |
|
|
|
|
|
|
|
...mapGetters(['clientHeight', 'iframeHeight']) |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
@ -203,52 +180,49 @@ export default { |
|
|
|
mounted() { |
|
|
|
console.log(this.$store.state); |
|
|
|
this.user = this.$store.state.user; |
|
|
|
|
|
|
|
this.agencyId = this.user.agencyId; |
|
|
|
this.getOrgTreeList(); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleChangeAgency(val) { |
|
|
|
let obj = this.$refs['myCascader'].getCheckedNodes()[0].data; |
|
|
|
if (obj) { |
|
|
|
if (obj.level === 'grid') { |
|
|
|
this.formData.gridId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.agencyId = ''; |
|
|
|
} else { |
|
|
|
this.formData.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.gridId = ''; |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.formData.agencyId = ''; |
|
|
|
this.formData.gridId = ''; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleSearch(val) { |
|
|
|
console.log(this.formData); |
|
|
|
this.pageNo = 1; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
async getTableData() { |
|
|
|
this.tableLoading = true; |
|
|
|
// const url = '/gov/org/staffLoginLog/community-count'; |
|
|
|
const url = 'http://yapi.elinkservice.cn/mock/356/gov/org/staffLoginLog/community-count'; |
|
|
|
|
|
|
|
getOrgTreeList() { |
|
|
|
const { user } = this.$store.state; |
|
|
|
this.$http |
|
|
|
.post('/gov/org/customeragency/agencygridtree', {}) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
console.log('获取组织树成功', res.data); |
|
|
|
this.orgOptions = []; |
|
|
|
this.orgOptions.push(res.data); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
return this.$message.error('网络错误'); |
|
|
|
}); |
|
|
|
}, |
|
|
|
const { pageSize, pageNo, formData } = this; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
pageSize, |
|
|
|
pageNo, |
|
|
|
...formData |
|
|
|
}); |
|
|
|
|
|
|
|
this.tableLoading = false; |
|
|
|
if (code === 0) { |
|
|
|
this.total = data.total || 0; |
|
|
|
this.tableData = data.list |
|
|
|
? data.list.map(item => { |
|
|
|
return item; |
|
|
|
}) |
|
|
|
: []; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleSizeChange(val) { |
|
|
|
this.pageSize = val; |
|
|
|
window.localStorage.setItem('pageSize', val); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
handleCurrentChange(val) { |
|
|
|
this.pageNo = val; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
async handleExport() { |
|
|
|
const url = '/gov/project/icEvent/export'; |
|
|
|
const { pageSize, pageNo, formData } = this; |
|
|
|
@ -281,65 +255,38 @@ export default { |
|
|
|
return this.$message.error('网络错误'); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
//加载组织数据 |
|
|
|
async handleDispose(row) { |
|
|
|
this.eventId = row.icEventId; |
|
|
|
const url = '/gov/project/icEvent/detail'; |
|
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
icEventId: this.eventId |
|
|
|
}); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.eventDetailData = { ...data }; |
|
|
|
this.pageType = 'dispose'; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getCountLevel() { |
|
|
|
// const url = '/gov/org/staffLoginLog/count-level'; |
|
|
|
const url = 'http://yapi.elinkservice.cn/mock/356/gov/org/staffLoginLog/count-level'; |
|
|
|
let param = {}; |
|
|
|
getOrgTreeList() { |
|
|
|
const { user } = this.$store.state; |
|
|
|
this.$http |
|
|
|
.post('/gov/org/customeragency/agencygridtree', {}) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
console.log('获取组织树成功', res.data); |
|
|
|
this.orgOptions = []; |
|
|
|
this.orgOptions.push(res.data); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
return this.$message.error('网络错误'); |
|
|
|
}); |
|
|
|
}, |
|
|
|
async getTableData() { |
|
|
|
this.tableLoading = true; |
|
|
|
// const url = '/gov/org/staffLoginLog/community-count'; |
|
|
|
const url = 'http://yapi.elinkservice.cn/mock/356/gov/org/staffLoginLog/community-count'; |
|
|
|
|
|
|
|
const { pageSize, pageNo, formData } = this; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
pageSize, |
|
|
|
pageNo, |
|
|
|
...formData |
|
|
|
}); |
|
|
|
|
|
|
|
this.tableLoading = false; |
|
|
|
if (code === 0) { |
|
|
|
this.total = data.total || 0; |
|
|
|
this.tableData = data.list |
|
|
|
? data.list.map(item => { |
|
|
|
return item; |
|
|
|
}) |
|
|
|
: []; |
|
|
|
handleChangeAgency(val) { |
|
|
|
let obj = this.$refs['myCascader'].getCheckedNodes()[0].data; |
|
|
|
if (obj) { |
|
|
|
if (obj.level === 'grid') { |
|
|
|
this.formData.gridId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.agencyId = ''; |
|
|
|
} else { |
|
|
|
this.formData.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.gridId = ''; |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
this.formData.agencyId = ''; |
|
|
|
this.formData.gridId = ''; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChange(val) { |
|
|
|
this.pageSize = val; |
|
|
|
window.localStorage.setItem('pageSize', val); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
handleCurrentChange(val) { |
|
|
|
this.pageNo = val; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
|
|
|
|
deepTree(arr, child) { |
|
|
|
if (Array.isArray(arr) && arr.length > 0) { |
|
|
|
return arr.map(item => { |
|
|
|
|
tianq
3 years ago