16 changed files with 185 additions and 642 deletions
@ -1,250 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
|
||||
<el-form-item label="事件ID" prop="eventId"> |
|
||||
<el-input v-model="dataForm.eventId" placeholder="事件ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="用户ID" prop="userId"> |
|
||||
<el-input v-model="dataForm.userId" placeholder="用户ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="用户昵称" prop="nickName"> |
|
||||
<el-input v-model="dataForm.nickName" placeholder="用户昵称"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="用户头像" prop="userFace"> |
|
||||
<el-input v-model="dataForm.userFace" placeholder="用户头像"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题内容" prop="issueContent"> |
|
||||
<el-input v-model="dataForm.issueContent" placeholder="议题内容"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="区" prop="area"> |
|
||||
<el-input v-model="dataForm.area" placeholder="区"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="区ID" prop="areaId"> |
|
||||
<el-input v-model="dataForm.areaId" placeholder="区ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="街道" prop="street"> |
|
||||
<el-input v-model="dataForm.street" placeholder="街道"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="街道ID" prop="streetId"> |
|
||||
<el-input v-model="dataForm.streetId" placeholder="街道ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="社区" prop="community"> |
|
||||
<el-input v-model="dataForm.community" placeholder="社区"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="社区ID" prop="communityId"> |
|
||||
<el-input v-model="dataForm.communityId" placeholder="社区ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="网格" prop="grid"> |
|
||||
<el-input v-model="dataForm.grid" placeholder="网格"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="网格ID" prop="gridId"> |
|
||||
<el-input v-model="dataForm.gridId" placeholder="网格ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题位置地址" prop="issueAddress"> |
|
||||
<el-input v-model="dataForm.issueAddress" placeholder="议题位置地址"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题分类ID" prop="issueCategoryId"> |
|
||||
<el-input v-model="dataForm.issueCategoryId" placeholder="议题分类ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题位置纬度" prop="issusLatitude"> |
|
||||
<el-input v-model="dataForm.issusLatitude" placeholder="议题位置纬度"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题位置经度" prop="issueLongitude"> |
|
||||
<el-input v-model="dataForm.issueLongitude" placeholder="议题位置经度"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="友邻社区ID" prop="friendlyCommunityId"> |
|
||||
<el-input v-model="dataForm.friendlyCommunityId" placeholder="友邻社区ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题状态 0-审核通过,2-已关闭,4-已转项目" prop="issueState"> |
|
||||
<el-input v-model="dataForm.issueState" placeholder="议题状态 0-审核通过,2-已关闭,4-已转项目"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="删除标识 0:未删除,1:已删除" prop="delFlag"> |
|
||||
<el-input v-model="dataForm.delFlag" placeholder="删除标识 0:未删除,1:已删除"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="乐观锁" prop="revision"> |
|
||||
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="创建人" prop="createdBy"> |
|
||||
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="创建时间" prop="createdTime"> |
|
||||
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="更新人" prop="updatedBy"> |
|
||||
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="更新时间" prop="updatedTime"> |
|
||||
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
export default { |
|
||||
data () { |
|
||||
return { |
|
||||
visible: false, |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
eventId: '', |
|
||||
userId: '', |
|
||||
nickName: '', |
|
||||
userFace: '', |
|
||||
issueContent: '', |
|
||||
area: '', |
|
||||
areaId: '', |
|
||||
street: '', |
|
||||
streetId: '', |
|
||||
community: '', |
|
||||
communityId: '', |
|
||||
grid: '', |
|
||||
gridId: '', |
|
||||
issueAddress: '', |
|
||||
issueCategoryId: '', |
|
||||
issusLatitude: '', |
|
||||
issueLongitude: '', |
|
||||
friendlyCommunityId: '', |
|
||||
issueState: '', |
|
||||
delFlag: '', |
|
||||
revision: '', |
|
||||
createdBy: '', |
|
||||
createdTime: '', |
|
||||
updatedBy: '', |
|
||||
updatedTime: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule () { |
|
||||
return { |
|
||||
eventId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
userId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
nickName: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
userFace: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueContent: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
area: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
areaId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
street: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
streetId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
community: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
communityId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
grid: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
gridId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueAddress: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueCategoryId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issusLatitude: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueLongitude: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
friendlyCommunityId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueState: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
delFlag: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
revision: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
createdBy: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
createdTime: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
updatedBy: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
updatedTime: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init () { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs['dataForm'].resetFields() |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo () { |
|
||||
this.$http.get(`/news/issue/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function () { |
|
||||
this.$refs['dataForm'].validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/news/issue/', this.dataForm).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.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { 'leading': true, 'trailing': false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,5 +1,5 @@ |
|||||
<template> |
<template> |
||||
<el-dialog :visible.sync="visible" :title="$t('verifyLabel')" :close-on-click-modal="false" :close-on-press-escape="false"> |
<el-dialog :visible.sync="visible" :title="$t('look')" :close-on-click-modal="false" :close-on-press-escape="false"> |
||||
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
||||
<el-form-item label="发布人"> |
<el-form-item label="发布人"> |
||||
<p>{{dataForm.nickName}}</p> |
<p>{{dataForm.nickName}}</p> |
||||
@ -0,0 +1,130 @@ |
|||||
|
<template> |
||||
|
<el-dialog :visible.sync="visible" :title="$t('deal')" :close-on-click-modal="false" :close-on-press-escape="false"> |
||||
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
||||
|
<el-form-item label="发布人" prop="nickName"> |
||||
|
<p>{{dataForm.nickName}}</p> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="发布时间" prop="distributeTime"> |
||||
|
<p>{{dataForm.distributeTime}}</p> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="议题内容" prop="eventContent"> |
||||
|
<p>{{dataForm.issueContent}}</p> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="工作反馈" prop="jobFeedback"> |
||||
|
<el-timeline :reverse="false"> |
||||
|
<el-timeline-item v-for="(jobFeedbackDTO, index) in dataForm.jobFeedbackDTOS" :key="index" :timestamp="jobFeedbackDTO.createdTime" placement="top"> |
||||
|
<el-card> |
||||
|
<p>【{{jobFeedbackDTO.stateName}}】{{jobFeedbackDTO.createdTime}}</p> |
||||
|
<p>{{jobFeedbackDTO.advice}}</p> |
||||
|
</el-card> |
||||
|
</el-timeline-item> |
||||
|
</el-timeline> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="处理意见" prop="advice"> |
||||
|
<el-input v-model="dataForm.advice" placeholder="不超过50字"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="操作" prop="state"> |
||||
|
<el-select v-model="dataForm.state" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in verifyOptions" |
||||
|
:key="item.verifyFlag" |
||||
|
:label="item.verifyTitle" |
||||
|
:value="item.verifyFlag"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
||||
|
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import debounce from 'lodash/debounce' |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
visible: false, |
||||
|
dataForm: { |
||||
|
id: '', |
||||
|
issueContent: '', |
||||
|
nickName: '', |
||||
|
distributeTime: '', |
||||
|
advice: '', |
||||
|
state: '', |
||||
|
jobFeedbackDTOS: [] |
||||
|
}, |
||||
|
verifyOptions: [{ |
||||
|
verifyFlag: '1', |
||||
|
verifyTitle: '添加处理意见' |
||||
|
}, { |
||||
|
verifyFlag: '2', |
||||
|
verifyTitle: '关闭' |
||||
|
}, { |
||||
|
verifyFlag: '4', |
||||
|
verifyTitle: '转项目' |
||||
|
}] |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule () { |
||||
|
return { |
||||
|
advice: [ |
||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
|
], |
||||
|
eventState: [ |
||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init () { |
||||
|
this.visible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['dataForm'].resetFields() |
||||
|
if (this.dataForm.id) { |
||||
|
this.getInfo() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 获取信息 |
||||
|
getInfo () { |
||||
|
this.$http.get(`/events/issue/waitHandleIssueDetail/${this.dataForm.id}`).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.dataForm = { |
||||
|
...this.dataForm, |
||||
|
...res.data |
||||
|
} |
||||
|
}).catch(() => {}) |
||||
|
}, |
||||
|
// 表单提交 |
||||
|
dataFormSubmitHandle: debounce(function () { |
||||
|
this.$refs['dataForm'].validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
this.$http['post']( |
||||
|
'/events/issue/issueWaitHandleSubmit', this.dataForm).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.visible = false |
||||
|
this.$emit('refreshDataList') |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => {}) |
||||
|
}) |
||||
|
}, 1000, { 'leading': true, 'trailing': false }) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -1,6 +1,6 @@ |
|||||
<template> |
<template> |
||||
<el-dialog :visible.sync="visible" :title="$t('verifyLabel')" :close-on-click-modal="false" :close-on-press-escape="false"> |
<el-dialog :visible.sync="visible" :title="$t('verifyLabel')" :close-on-click-modal="false" :close-on-press-escape="false"> |
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
||||
<el-form-item label="议题内容" prop="eventContent"> |
<el-form-item label="议题内容" prop="eventContent"> |
||||
<p>{{dataForm.eventContent}}</p> |
<p>{{dataForm.eventContent}}</p> |
||||
<img v-for="imgUrl in dataForm.images" :key="imgUrl" style='width: 70px;height: 70px;margin: 10px' :layer-src="imgUrl" :src="imgUrl" alt="image"> |
<img v-for="imgUrl in dataForm.images" :key="imgUrl" style='width: 70px;height: 70px;margin: 10px' :layer-src="imgUrl" :src="imgUrl" alt="image"> |
||||
@ -1,90 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-news__issue}"> |
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('news:issue:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('news:issue: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 type="selection" header-align="center" align="center" width="50"></el-table-column> |
|
||||
<el-table-column prop="id" label="ID" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="eventId" label="事件ID" 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="userFace" 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="area" label="区" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="areaId" label="区ID" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="street" label="街道" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="streetId" label="街道ID" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="community" label="社区" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="communityId" label="社区ID" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="grid" label="网格" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="gridId" label="网格ID" 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="issueCategoryId" label="议题分类ID" 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="issueState" label="议题状态 0-审核通过,2-已关闭,4-已转项目" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="delFlag" label="删除标识 0:未删除,1:已删除" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="createdBy" 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="updatedBy" label="更新人" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="updatedTime" 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('news:issue:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|
||||
<el-button v-if="$hasPermission('news:issue:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</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 './issue-add-or-update' |
|
||||
export default { |
|
||||
mixins: [mixinViewModule], |
|
||||
data () { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/news/issue/page', |
|
||||
getDataListIsPage: true, |
|
||||
deleteURL: '/news/issue', |
|
||||
deleteIsBatch: true |
|
||||
}, |
|
||||
dataForm: { |
|
||||
id: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,264 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
|
||||
<el-form-item label="事件ID" prop="eventId"> |
|
||||
<el-input v-model="dataForm.eventId" placeholder="事件ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题ID" prop="issueId"> |
|
||||
<el-input v-model="dataForm.issueId" placeholder="议题ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="用户ID" prop="userId"> |
|
||||
<el-input v-model="dataForm.userId" placeholder="用户ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="用户昵称" prop="nickName"> |
|
||||
<el-input v-model="dataForm.nickName" placeholder="用户昵称"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="用户头像" prop="userFace"> |
|
||||
<el-input v-model="dataForm.userFace" placeholder="用户头像"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题内容" prop="issueContent"> |
|
||||
<el-input v-model="dataForm.issueContent" placeholder="议题内容"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="区" prop="area"> |
|
||||
<el-input v-model="dataForm.area" placeholder="区"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="区ID" prop="areaId"> |
|
||||
<el-input v-model="dataForm.areaId" placeholder="区ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="街道" prop="street"> |
|
||||
<el-input v-model="dataForm.street" placeholder="街道"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="街道ID" prop="streetId"> |
|
||||
<el-input v-model="dataForm.streetId" placeholder="街道ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="社区" prop="community"> |
|
||||
<el-input v-model="dataForm.community" placeholder="社区"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="社区ID" prop="communityId"> |
|
||||
<el-input v-model="dataForm.communityId" placeholder="社区ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="网格" prop="grid"> |
|
||||
<el-input v-model="dataForm.grid" placeholder="网格"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="网格ID" prop="gridId"> |
|
||||
<el-input v-model="dataForm.gridId" placeholder="网格ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题位置地址" prop="issueAddress"> |
|
||||
<el-input v-model="dataForm.issueAddress" placeholder="议题位置地址"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题分类ID" prop="issueCategoryId"> |
|
||||
<el-input v-model="dataForm.issueCategoryId" placeholder="议题分类ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题位置纬度" prop="issusLatitude"> |
|
||||
<el-input v-model="dataForm.issusLatitude" placeholder="议题位置纬度"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="议题位置经度" prop="issueLongitude"> |
|
||||
<el-input v-model="dataForm.issueLongitude" placeholder="议题位置经度"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="友邻社区ID" prop="friendlyCommunityId"> |
|
||||
<el-input v-model="dataForm.friendlyCommunityId" placeholder="友邻社区ID"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="评价打分" prop="issueScore"> |
|
||||
<el-input v-model="dataForm.issueScore" placeholder="评价打分"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="项目状态 0-待网格长处理,5-待社区处理,10-待街道党建办处理,15-待街道处理,20-待区直部门党建办处理,25-待区直部门处理,30-处理,35-关闭,40-结束议题" prop="itemState"> |
|
||||
<el-input v-model="dataForm.itemState" placeholder="项目状态 0-待网格长处理,5-待社区处理,10-待街道党建办处理,15-待街道处理,20-待区直部门党建办处理,25-待区直部门处理,30-处理,35-关闭,40-结束议题"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="删除标识 0:未删除,1:已删除" prop="delFlag"> |
|
||||
<el-input v-model="dataForm.delFlag" placeholder="删除标识 0:未删除,1:已删除"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="乐观锁" prop="revision"> |
|
||||
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="创建人" prop="createdBy"> |
|
||||
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="创建时间" prop="createdTime"> |
|
||||
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="更新人" prop="updatedBy"> |
|
||||
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="更新时间" prop="updatedTime"> |
|
||||
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
export default { |
|
||||
data () { |
|
||||
return { |
|
||||
visible: false, |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
eventId: '', |
|
||||
issueId: '', |
|
||||
userId: '', |
|
||||
nickName: '', |
|
||||
userFace: '', |
|
||||
issueContent: '', |
|
||||
area: '', |
|
||||
areaId: '', |
|
||||
street: '', |
|
||||
streetId: '', |
|
||||
community: '', |
|
||||
communityId: '', |
|
||||
grid: '', |
|
||||
gridId: '', |
|
||||
issueAddress: '', |
|
||||
issueCategoryId: '', |
|
||||
issusLatitude: '', |
|
||||
issueLongitude: '', |
|
||||
friendlyCommunityId: '', |
|
||||
issueScore: '', |
|
||||
itemState: '', |
|
||||
delFlag: '', |
|
||||
revision: '', |
|
||||
createdBy: '', |
|
||||
createdTime: '', |
|
||||
updatedBy: '', |
|
||||
updatedTime: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule () { |
|
||||
return { |
|
||||
eventId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
userId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
nickName: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
userFace: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueContent: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
area: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
areaId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
street: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
streetId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
community: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
communityId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
grid: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
gridId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueAddress: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueCategoryId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issusLatitude: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueLongitude: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
friendlyCommunityId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
issueScore: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
itemState: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
delFlag: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
revision: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
createdBy: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
createdTime: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
updatedBy: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
updatedTime: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init () { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs['dataForm'].resetFields() |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo () { |
|
||||
this.$http.get(`/events/item/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function () { |
|
||||
this.$refs['dataForm'].validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/events/item/', this.dataForm).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.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { 'leading': true, 'trailing': false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
Loading…
Reference in new issue