elink-star
/
esua-epdc-admin-js
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

【锦水pc端】-【添加用户分析模块】-weikai 2020-07-14

feature/syp_points
weikai 5 years ago
parent
30d6d02e2b
commit
004780d902
2 changed files with 703 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 181
      src/views/modules/analysis/export/operation.vue
  2. 522
      src/views/modules/analysis/user/gridopening.vue

181
src/views/modules/analysis/export/operation.vue
View File

@ -0,0 +1,181 @@
<template>
<el-card shadow="never"
v-loading="loading"
class="aui-card--fill">
<div class="mod-news__news}">
<el-form :inline="true"
:model="dataForm"
:rules="dataRule"
ref="dataForm"
:label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-row>
<el-form-item prop="allDeptIdsShow"
label="所属机构">
<el-cascader v-model="dataForm.allDeptIdsShow"
:options="options"
:props="{ multiple: true }"
clearable
collapse-tags></el-cascader>
</el-form-item>
</el-row>
<el-form-item label="时间筛选类型">
<template>
<el-radio v-model="timeFlag"
label="1">有效时间</el-radio>
<el-radio v-model="timeFlag"
label="0">截止时间</el-radio>
</template>
</el-form-item>
<el-row>
<el-form-item prop="newsReleaseStartTime"
v-if="this.timeFlag==1"
label="有效时间">
<el-date-picker @change='setRegistTime'
v-model="time"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-row>
<el-row>
<el-form-item prop="endTime"
v-if="this.timeFlag==0"
label="截止时间">
<el-date-picker v-model="dataForm.endTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-row>
<p>导出内容包括：</p>
居民数(待认证居民+认证失败+认证通过+初次扫码进入网格但未认证)&nbsp;&nbsp;
党员数(已认证党员数)&nbsp;&nbsp;
新闻发布数 议题数 项目数 项目结案数
社群数 社群成员数 社群话题数
<br>
<br>
<el-row>
<el-form-item label-width="500px">
<el-button type="primary"
@click="this.exportHandlee">{{ $t('export') }}</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
export default {
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/analysis/user/page/dataRank',
getDataListIsPage: true,
deleteURL: '/news/news',
deleteIsBatch: true,
exportURL: '/analysis/user/export/exportOperationData'
},
dataForm: {
id: '',
operationStartTime: '',
operationEndTime: '',
allDeptIdsShow: [],
endTime: ''
},
time: [],
streetList: [],
communityList: [],
gridList: [],
options: [],
categorys: [],
loading: false,
timeFlag: '1'
}
},
activated () {
},
created () {
this.getDeptInfoList()
},
computed: {
dataRule () {
return {
allDeptIdsShow: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
newsTitle: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
newsCateroryId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
setRegistTime () {
this.dataForm.operationStartTime = this.time[0]
this.dataForm.operationEndTime = this.time[1]
},
getDeptInfoList () {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => { })
},
export () {
this.$http['post'](`/analysis/user/export/exportOperationData`, this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
}).catch(() => { })
},
exportHandlee () {
this.loading = true
this.$http.post('/analysis/user/export/exportOperationData', this.dataForm, { responseType: 'arraybuffer' }).then((res) => {
this.loading = false
// if (res.code !== 0) {
// return this.$message.error(res.msg)
// }
let fileName = '运营数据报表.xls'
let blob = new Blob([res.data], { type: 'application/x-xls' })
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, fileName)
} else {
var link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
link.download = fileName
link.click()
window.URL.revokeObjectURL(link.href)
}
})
}
},
components: {
},
mixins: [mixinViewModule],
watch: {
'timeFlag': function (val) {
if (val === 0) {
this.dataForm.operationStartTime = ''
this.dataForm.operationEndTime = ''
this.time = []
} else {
this.dataForm.endTime = ''
}
}
}
}
</script>

522
src/views/modules/analysis/user/gridopening.vue
View File

@ -0,0 +1,522 @@
<template>
<el-card shadow="never"
class="aui-card--fill">
<div class="mod-news__news}">
<el-form :inline="true"
:model="dataForm"
@keyup.enter.native="getDataList()">
<el-form-item label="所属机构">
<el-cascader v-model="deptIdList"
:options="options"
:props="{ checkStrictly: true }"
clearable></el-cascader>
</el-form-item>
<br>
<span class="demonstration">提交时间</span>&nbsp;&nbsp;
<el-date-picker @change='setRegistTime'
v-model="time"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker> &nbsp; &nbsp;
<el-form-item label="排序规则">
<el-select v-model="dataForm.category"
clearable
placeholder="排序规则">
<el-option v-for="item in categorys"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="getAllCount()">总计</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('news:news:save')"
type="primary"
@click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('news:news:delete')"
type="danger"
@click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%;">
<el-table-column label="序号"
width="70px">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column prop="allDeptName"
label="网格名称"
header-align="center"
width="325px"
align="center"></el-table-column>
<el-table-column prop="gridLeader"
label="网格党建指导员姓名"
width="323px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="registerCount"
label="用户总数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="partyCount"
label="党员数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="residentCount"
label="已认证居民"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="unAuthorizedCount"
label="未认证居民"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="newsCount"
label="新闻发布数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="communityCount"
label="社群数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="communityMemberCount"
label="群成员数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="communityTopicCount"
label="群话题数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="eventCount"
label="议题总数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="itemCount"
label="项目数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="itemCloseCount"
label="项目已解决数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="itemPendingCount"
label="项目待解决数"
width="70px"
header-align="center"
align="center">
<template slot-scope="scope">
{{scope.row.itemCount - scope.row.itemCloseCount}}
</template>
</el-table-column>
<el-table-column prop="itemPraiseCount"
label="好评数"
width="70px"
header-align="center"
align="center"></el-table-column>
</el-table>
<el-pagination :current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
<!-- 总计表格 -->
<el-dialog :visible.sync="totalVisible"
title="总计">
<el-table :data="totalList"
border
style="width: 100%;">
<el-table-column prop="workGridCount"
label="已开通网格"
header-align="center"
width="120px"
align="center"></el-table-column>
<el-table-column prop="unWorkGridCount"
label="未开通网格"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="registerCount"
label="注册用户数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="residentCount"
label="认证居民数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="partyCount"
label="党员数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="unAuthorizedCount"
label="未认证用户数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="newsCount"
label="新闻发布数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="communityCount"
label="社群数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="communityMemberCount"
label="群成员数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="communityTopicCount"
label="群话题数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="eventCount"
label="议题总数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="itemCount"
label="项目数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="itemCloseCount"
label="项目已解决数"
width="70px"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="itemPendingCount"
label="项目待解决数"
width="70px"
header-align="center"
align="center">
<template slot-scope="scope">
{{scope.row.itemCount - scope.row.itemCloseCount}}
</template>
</el-table-column>
<el-table-column prop="itemPraiseCount"
label="好评数"
width="70px"
header-align="center"
align="center"></el-table-column>
</el-table>
<template slot="footer">
<el-button type="primary"
@click="totalVisible = false">确定</el-button>
</template>
</el-dialog>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from '../../news/news-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/analysis/user/pageGridOpening',
getDataListIsPage: true,
deleteURL: '/news/news',
deleteIsBatch: true,
exportURL: '/analysis/user/export/grid0pining'
},
dataForm: {
category: '1'
},
time: '',
options: [],
deptIdList: [],
streetList: [],
communityList: [],
gridList: [],
categorys: [{
value: '0',
label: '未开通网格'
}, {
value: '1',
label: '已开通网格'
}],
onLine: {
id: '',
onLineState: ''
},
totalList: [],
totalVisible: false
}
},
created () {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => { })
this.initTime()
// this.getDeptInfoList('street', localStorage.getItem('street') === null ? '1169154711480528897' : localStorage.getItem('street'))
// this.getListCategory()
},
methods: {
initTime () {
const end = new Date()
const start = new Date()
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
this.time = [start, end]
let year = start.getFullYear()
let month = start.getMonth() + 1
if (month < 10) {
month = '0' + month
}
let date = start.getDate()
if (date < 10) {
date = '0' + date
}
let startDate = year + '-' + month + '-' + date
let yearend = end.getFullYear()
let monthend = end.getMonth() + 1
if (monthend < 10) {
monthend = '0' + monthend
}
let dateend = end.getDate()
if (dateend < 10) {
dateend = '0' + dateend
}
let endDate = yearend + '-' + monthend + '-' + dateend
this.dataForm.startTime = startDate
this.dataForm.endTime = endDate
},
newsUpDownState: function (row) {
return row.newsUpDownState === '1' ? '下线' : '上线'
},
publishState: function (row) {
var stdt = new Date(row.newsReleaseStartTime.replace('-', '/'))
var eddt = new Date(row.newsReleaseEndTime.replace('-', '/'))
var nowdt = new Date()
if (row.newsUpDownState === '1') {
// 手动下线
return '已下线'
}
if (nowdt > stdt && nowdt < eddt && row.newsUpDownState === '0') {
return '已上线'
}
if (nowdt < stdt) {
return '未上线'
}
if (nowdt > eddt) {
return '已下线'
}
},
// 获取部门列表
getDeptInfoList (dataReceiver, faDeptId) {
this.$http.get(`/sys/dept/sublist/` + faDeptId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dataReceiver === 'street') {
this.streetList = res.data
} else if (dataReceiver === 'community') {
this.communityList = res.data
} else if (dataReceiver === 'grid') {
this.gridList = res.data
}
}).catch(() => { })
},
changeStreet (event) {
if (this.dataForm.streetId === '') {
this.communityList = []
this.gridList = []
this.dataForm.communityId = ''
this.dataForm.gridId = ''
return
}
this.dataForm.streetId = event
let choosenItem = this.streetList.filter(item => item.id === this.dataForm.streetId)[0]
this.initDeptIdAndName(choosenItem)
this.dataForm.communityId = this.dataForm.gridId = null
this.communityList = this.gridList = []
this.getDeptInfoList('community', event)
},
changeCommunity (event) {
if (this.dataForm.communityId === '') {
this.gridList = []
this.dataForm.gridId = ''
return
}
this.communityId = event
let choosenItem = this.communityList.filter(item => item.id === this.dataForm.communityId)[0]
this.initDeptIdAndName(choosenItem)
this.dataForm.gridId = null
this.gridList = []
this.getDeptInfoList('grid', event)
},
changeGrid (event) {
this.dataForm.gridId = event
let choosenItem = this.gridList.filter(item => item.id === this.gridId)[0]
this.initDeptIdAndName(choosenItem)
},
initDeptIdAndName (choosenItem) {
this.dataForm.dept = choosenItem.name
this.dataForm.deptId = choosenItem.id
},
setRegistTime () {
console.log(this.time[0])
this.dataForm.startTime = this.time[0]
this.dataForm.endTime = this.time[1]
},
// 获取总计
getAllCount () {
this.$http.get(`/analysis/user/pageGridDataToal`, {
params: {
order: this.order,
orderField: this.orderField,
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null,
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null,
...this.dataForm
}
}).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.totalList = []
this.totalList.push(res.data)
this.totalVisible = true
}).catch(() => { })
},
modifyOnLine (row) {
this.$confirm(this.$t('prompt.info', { 'handle': '下线' }), this.$t('下线'), {
confirmButtonText: this.$t('confirm'),
cancelButtonText: this.$t('cancel'),
type: 'warning'
}).then(() => {
this.onLine.id = row.id
this.onLine.onLineState = '0'
console.log(this.onLine)
this.$http.post(`/news/news/modifyOnLine/`, this.onLine).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
}
})
this.getDataList()
}).catch(() => { })
}).catch(() => { })
},
newsToBanner (row) {
this.$confirm(this.$t('prompt.info', { 'handle': '上banner' }), this.$t('上banner'), {
confirmButtonText: this.$t('confirm'),
cancelButtonText: this.$t('cancel'),
type: 'warning'
}).then(() => {
this.$http.post(`/news/news/newsToBanner/` + row.id).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
}
})
this.getDataList()
}).catch(() => { })
}).catch(() => { })
},
// 获取数据列表
getDataList () {
if (this.time === null) {
this.dataForm.startTime = ''
this.dataForm.endTime = ''
}
this.dataListLoading = true
this.$http.get(
this.mixinViewModuleOptions.getDataListURL,
{
params: {
order: this.order,
orderField: this.orderField,
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null,
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null,
...this.dataForm
}
}
).then(({ data: res }) => {
this.dataListLoading = false
if (res.code !== 0) {
this.dataList = []
this.total = 0
return this.$message.error(res.msg)
}
this.dataList = this.mixinViewModuleOptions.getDataListIsPage ? res.data.list : res.data
this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0
}).catch(() => {
this.dataListLoading = false
})
}
},
components: {
AddOrUpdate
},
watch: {
'deptIdList': function (val) {
if (val.length !== 0) {
this.dataForm.gridId = val[val.length - 1]
} else {
this.dataForm.gridId = ''
}
}
}
}
</script>
Write Preview
Loading…
Cancel
Save