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

项目列表

master
王金鹏 6 years ago
parent
0ba54cdbcb
commit
a59016cea0
3 changed files with 450 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 167
      src/views/modules/events/item-close.vue
  2. 167
      src/views/modules/events/item-end.vue
  3. 142
      src/views/modules/events/item.vue

167
src/views/modules/events/item-close.vue
View File

@ -0,0 +1,167 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-item__item}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="街道">
<el-select v-model="dataForm.streetId" placeholder="请选择" @change="getCommunityList">
<el-option
v-for="item in streetOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="社区">
<el-select v-model="dataForm.communityId" placeholder="请选择" @change="getGridList">
<el-option
v-for="item in communityOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="网格">
<el-select v-model="dataForm.gridId" placeholder="请选择">
<el-option
v-for="item in gridOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="时间" prop="startTime">
<el-date-picker
v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="至" label-width = "25px" prop="endTime">
<el-date-picker
v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="itemContent" label="项目内容" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="转成项目时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="nickName" label="提交人" header-align="center" align="center"></el-table-column>
<el-table-column prop="participantsNum" label="参与人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="approveNum" label="支持" header-align="center" align="center"></el-table-column>
<el-table-column prop="opposeNum" label="反对" header-align="center" align="center"></el-table-column>
<el-table-column prop="commentNum" label="评论数" header-align="center" align="center"></el-table-column>
<el-table-column prop="browseNum" label="浏览数" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button v-if="$hasPermission('events:item:look')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('look') }}</el-button>
</template>
</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>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './item-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/events/item/page',
getDataListIsPage: true
},
dataForm: {
id: '',
itemState: '5',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: ''
},
streetOptions: [],
communityOptions: [],
gridOptions: [],
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime()
}
}
}
}
},
components: {
AddOrUpdate
},
created: function () {
this.getStreetList()
},
methods: {
getStreetList () {
this.$http.get(`/sys/dept/sublist/1169154711480528897`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.streetOptions = res.data
}).catch(() => {})
},
getCommunityList () {
this.dataForm.communityId = ''
this.dataForm.gridId = ''
this.$http.get(`/sys/dept/sublist/` + this.dataForm.streetId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.communityOptions = res.data
}).catch(() => {})
},
getGridList () {
this.dataForm.gridId = ''
this.$http.get(`/sys/dept/sublist/` + this.dataForm.communityId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.gridOptions = res.data
}).catch(() => {})
}
}
}
</script>

167
src/views/modules/events/item-end.vue
View File

@ -0,0 +1,167 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-item__item}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="街道">
<el-select v-model="dataForm.streetId" placeholder="请选择" @change="getCommunityList">
<el-option
v-for="item in streetOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="社区">
<el-select v-model="dataForm.communityId" placeholder="请选择" @change="getGridList">
<el-option
v-for="item in communityOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="网格">
<el-select v-model="dataForm.gridId" placeholder="请选择">
<el-option
v-for="item in gridOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="时间" prop="startTime">
<el-date-picker
v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="至" label-width = "25px" prop="endTime">
<el-date-picker
v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="itemContent" label="项目内容" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="转成项目时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="nickName" label="提交人" header-align="center" align="center"></el-table-column>
<el-table-column prop="participantsNum" label="参与人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="approveNum" label="支持" header-align="center" align="center"></el-table-column>
<el-table-column prop="opposeNum" label="反对" header-align="center" align="center"></el-table-column>
<el-table-column prop="commentNum" label="评论数" header-align="center" align="center"></el-table-column>
<el-table-column prop="browseNum" label="浏览数" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button v-if="$hasPermission('events:item:deal')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('deal') }}</el-button>
</template>
</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>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './item-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/events/item/page',
getDataListIsPage: true
},
dataForm: {
id: '',
itemState: '10',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: ''
},
streetOptions: [],
communityOptions: [],
gridOptions: [],
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime()
}
}
}
}
},
components: {
AddOrUpdate
},
created: function () {
this.getStreetList()
},
methods: {
getStreetList () {
this.$http.get(`/sys/dept/sublist/1169154711480528897`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.streetOptions = res.data
}).catch(() => {})
},
getCommunityList () {
this.dataForm.communityId = ''
this.dataForm.gridId = ''
this.$http.get(`/sys/dept/sublist/` + this.dataForm.streetId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.communityOptions = res.data
}).catch(() => {})
},
getGridList () {
this.dataForm.gridId = ''
this.$http.get(`/sys/dept/sublist/` + this.dataForm.communityId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.gridOptions = res.data
}).catch(() => {})
}
}
}
</script>

142
src/views/modules/events/item.vue
View File

@ -2,38 +2,73 @@
<el-card shadow="never" class="aui-card--fill"> <el-card shadow="never" class="aui-card--fill">
<div class="mod-item__item}"> <div class="mod-item__item}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item> <el-form-item label="街道">
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> <el-select v-model="dataForm.streetId" placeholder="请选择" @change="getCommunityList">
<el-option
v-for="item in streetOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item label="社区">
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-select v-model="dataForm.communityId" placeholder="请选择" @change="getGridList">
<el-option
v-for="item in communityOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item label="网格">
<el-button v-if="$hasPermission('events:item:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> <el-select v-model="dataForm.gridId" placeholder="请选择">
<el-option
v-for="item in gridOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="时间" prop="startTime">
<el-date-picker
v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="至" label-width = "25px" prop="endTime">
<el-date-picker
v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('events:item:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> <el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="eventId" label="事件ID" header-align="center" align="center"></el-table-column> <el-table-column prop="itemContent" label="项目内容" header-align="center" align="center"></el-table-column>
<el-table-column prop="issueId" label="议题ID" header-align="center" align="center"></el-table-column> <el-table-column prop="createdTime" label="转成项目时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="userId" label="用户ID" header-align="center" align="center"></el-table-column> <el-table-column prop="nickName" label="提交人" header-align="center" align="center"></el-table-column>
<el-table-column prop="nickName" label="用户昵称" header-align="center" align="center"></el-table-column> <el-table-column prop="participantsNum" label="参与人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="userFace" label="用户头像" header-align="center" align="center"></el-table-column> <el-table-column prop="approveNum" label="支持" header-align="center" align="center"></el-table-column>
<el-table-column prop="issueContent" label="议题内容" header-align="center" align="center"></el-table-column> <el-table-column prop="opposeNum" label="反对" header-align="center" align="center"></el-table-column>
<el-table-column prop="issueAddress" label="议题位置地址" header-align="center" align="center"></el-table-column> <el-table-column prop="commentNum" label="评论数" header-align="center" align="center"></el-table-column>
<el-table-column prop="issueCategoryId" label="议题分类ID" header-align="center" align="center"></el-table-column> <el-table-column prop="browseNum" label="浏览数" header-align="center" align="center"></el-table-column>
<el-table-column prop="issusLatitude" label="议题位置纬度" header-align="center" align="center"></el-table-column>
<el-table-column prop="issueLongitude" label="议题位置经度" header-align="center" align="center"></el-table-column>
<el-table-column prop="friendlyCommunityId" label="友邻社区ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="issueScore" label="评价打分" header-align="center" align="center"></el-table-column>
<el-table-column prop="itemState" label="项目状态 0-待网格长处理，5-待社区处理，10-待街道党建办处理，15-待街道处理，20-待区直部门党建办处理，25-待区直部门处理，30-处理，35-关闭，40-结束议题" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-if="$hasPermission('events:item:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> <el-button v-if="$hasPermission('events:item:deal')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('deal') }}</el-button>
<el-button v-if="$hasPermission('events:item:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -61,17 +96,72 @@ export default {
return { return {
mixinViewModuleOptions: { mixinViewModuleOptions: {
getDataListURL: '/events/item/page', getDataListURL: '/events/item/page',
getDataListIsPage: true, getDataListIsPage: true
deleteURL: '/events/item',
deleteIsBatch: true
}, },
dataForm: { dataForm: {
id: '' id: '',
itemState: '0',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: ''
},
streetOptions: [],
communityOptions: [],
gridOptions: [],
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime()
}
}
} }
} }
}, },
components: { components: {
AddOrUpdate AddOrUpdate
},
created: function () {
this.getStreetList()
},
methods: {
getStreetList () {
this.$http.get(`/sys/dept/sublist/1169154711480528897`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.streetOptions = res.data
}).catch(() => {})
},
getCommunityList () {
this.dataForm.communityId = ''
this.dataForm.gridId = ''
this.$http.get(`/sys/dept/sublist/` + this.dataForm.streetId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.communityOptions = res.data
}).catch(() => {})
},
getGridList () {
this.dataForm.gridId = ''
this.$http.get(`/sys/dept/sublist/` + this.dataForm.communityId).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.gridOptions = res.data
}).catch(() => {})
}
} }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save