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

Merge branch 'feature/borad'

origin/feature/operatingData
weikai 5 years ago
parent
38c8b449d4 c6f4b68ea3
commit
e3e5d18bd9
8 changed files with 1065 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. 32
      src/views/modules/events/borad/boradReplyRoute.vue
  2. 166
      src/views/modules/events/borad/messageborad-add-or-update.vue
  3. 78
      src/views/modules/events/borad/messageborad.vue
  4. 145
      src/views/modules/events/borad/messageboradfile-add-or-update.vue
  5. 75
      src/views/modules/events/borad/messageboradfile.vue
  6. 134
      src/views/modules/events/borad/messageboradreply-add-or-update.vue
  7. 139
      src/views/modules/events/borad/messageboradreply.vue
  8. 296
      src/views/modules/events/borad/messageboradreplyDetail.vue

32
src/views/modules/events/borad/boradReplyRoute.vue
View File

@ -0,0 +1,32 @@
<template>
<keep-alive include="MessageBoradReply">
<component :is="selectComponent"></component>
</keep-alive>
</template>
<script>
import MessageBoradReply from './messageboradreply'
import MessageBoradReplyDetail from './messageboradreplyDetail'
export default {
name: 'boradReplyRoute',
data () {
return {
selectComponent: MessageBoradReply
}
},
components: {
MessageBoradReply,
MessageBoradReplyDetail
},
methods: {
init () {
this.selectComponent = MessageBoradReply
}
}
}
</script>
<style scoped>
</style>

166
src/views/modules/events/borad/messageborad-add-or-update.vue
View File

@ -0,0 +1,166 @@
<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="userId">
<el-input v-model="dataForm.userId" placeholder="用户id"></el-input>
</el-form-item>
<el-form-item label="用户名称" prop="userName">
<el-input v-model="dataForm.userName" placeholder="用户名称"></el-input>
</el-form-item>
<el-form-item label="网格党支部id" prop="deptId">
<el-input v-model="dataForm.deptId" placeholder="网格党支部id"></el-input>
</el-form-item>
<el-form-item label="留言内容" prop="boardContent">
<el-input v-model="dataForm.boardContent" placeholder="留言内容"></el-input>
</el-form-item>
<el-form-item label="留言状态 0:待回复1回复" prop="state">
<el-input v-model="dataForm.state" placeholder="留言状态 0:待回复1回复"></el-input>
</el-form-item>
<el-form-item label="逻辑删除" prop="delFlag">
<el-input v-model="dataForm.delFlag" placeholder="逻辑删除"></el-input>
</el-form-item>
<el-form-item label="所有部门id" prop="allDeptIds">
<el-input v-model="dataForm.allDeptIds" placeholder="所有部门id"></el-input>
</el-form-item>
<el-form-item label="所有部门名称" prop="allDeptNames">
<el-input v-model="dataForm.allDeptNames" placeholder="所有部门名称"></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: '',
userId: '',
userName: '',
deptId: '',
boardContent: '',
state: '',
delFlag: '',
allDeptIds: '',
allDeptNames: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
}
},
computed: {
dataRule () {
return {
userId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
userName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
deptId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
boardContent: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
state: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptNames: [
{ 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/messageborad/${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/messageborad/', 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>

78
src/views/modules/events/borad/messageborad.vue
View File

@ -0,0 +1,78 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-news__messageborad}">
<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:messageborad:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('news:messageborad: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="userId" label="用户id" header-align="center" align="center"></el-table-column>
<el-table-column prop="userName" label="用户名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="deptId" label="网格党支部id" header-align="center" align="center"></el-table-column>
<el-table-column prop="boardContent" label="留言内容" header-align="center" align="center"></el-table-column>
<el-table-column prop="state" label="留言状态 0:待回复1回复" header-align="center" align="center"></el-table-column>
<el-table-column prop="delFlag" label="逻辑删除" header-align="center" align="center"></el-table-column>
<el-table-column prop="allDeptIds" label="所有部门id" header-align="center" align="center"></el-table-column>
<el-table-column prop="allDeptNames" label="所有部门名称" 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:messageborad:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('news:messageborad: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 './messageborad-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/news/messageborad/page',
getDataListIsPage: true,
deleteURL: '/news/messageborad',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>

145
src/views/modules/events/borad/messageboradfile-add-or-update.vue
View File

@ -0,0 +1,145 @@
<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="boradId">
<el-input v-model="dataForm.boradId" placeholder="留言，回复表id"></el-input>
</el-form-item>
<el-form-item label="图片地址" prop="url">
<el-input v-model="dataForm.url" placeholder="图片地址"></el-input>
</el-form-item>
<el-form-item label="图片缩略图地址" prop="breviaryUrl">
<el-input v-model="dataForm.breviaryUrl" placeholder="图片缩略图地址"></el-input>
</el-form-item>
<el-form-item label="图片类型 0:留言，1，回复" prop="pictureState">
<el-input v-model="dataForm.pictureState" placeholder="图片类型 0:留言，1，回复"></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: '',
boradId: '',
url: '',
breviaryUrl: '',
pictureState: '',
delFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
}
},
computed: {
dataRule () {
return {
boradId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
url: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
breviaryUrl: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
pictureState: [
{ 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/messageboradfile/${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/messageboradfile/', 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>

75
src/views/modules/events/borad/messageboradfile.vue
View File

@ -0,0 +1,75 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-news__messageboradfile}">
<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:messageboradfile:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('news:messageboradfile: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="boradId" label="留言，回复表id" header-align="center" align="center"></el-table-column>
<el-table-column prop="url" label="图片地址" header-align="center" align="center"></el-table-column>
<el-table-column prop="breviaryUrl" label="图片缩略图地址" header-align="center" align="center"></el-table-column>
<el-table-column prop="pictureState" label="图片类型 0:留言，1，回复" 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:messageboradfile:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('news:messageboradfile: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 './messageboradfile-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/news/messageboradfile/page',
getDataListIsPage: true,
deleteURL: '/news/messageboradfile',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>

134
src/views/modules/events/borad/messageboradreply-add-or-update.vue
View File

@ -0,0 +1,134 @@
<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="boradId">
<el-input v-model="dataForm.boradId" 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="userName">
<el-input v-model="dataForm.userName" placeholder="用户名称"></el-input>
</el-form-item>
<el-form-item label="回复内容" prop="replyContent">
<el-input v-model="dataForm.replyContent" placeholder="回复内容"></el-input>
</el-form-item>
<el-form-item label="逻辑删除" prop="delFlag">
<el-input v-model="dataForm.delFlag" placeholder="逻辑删除"></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>
<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: '',
boradId: '',
userId: '',
userName: '',
replyContent: '',
delFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
}
},
computed: {
dataRule () {
return {
boradId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
userId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
userName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
replyContent: [
{ 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/messageboradreply/${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/messageboradreply/', 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>

139
src/views/modules/events/borad/messageboradreply.vue
View File

@ -0,0 +1,139 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-news__messageboradreply}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属机构" label-width="90px">
<el-cascader
v-model="ids"
:options="options"
:props="{ checkStrictly: true }"
clearable
>
</el-cascader>
</el-form-item>
<el-form-item label="状态" label-width="90px">
<el-select v-model="dataForm.boradType" placeholder="留言状态" style="width:250px;">
<el-option v-for="item in boradType" :key="item.value" :label="item.typeName" :value="item.value" >
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="success" @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 label="序号" header-align="center" align="center" width="50px">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column prop="createdTime" label="创建时间" 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="dept" label="支部" header-align="center" align="center"></el-table-column>
<el-table-column prop="userName" label="提问人" header-align="center" align="center"></el-table-column>
<el-table-column label="问题描述" header-align="center" align="center">
<template slot-scope="scope">
<el-button type="text"
@click="addOrUpdateHandle(scope.row.id,true)">查看详情</el-button>
</template>
</el-table-column>
<el-table-column prop="state" label="状态" :formatter = "stateFormat" 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="scope.row.state == '0'" type="text" size="small" @click="addOrUpdateHandle(scope.row.id,false)">回复</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 './messageboradreply-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/events/borad/page',
getDataListIsPage: true,
},
dataForm: {
boradType: '',
deptId: ''
},
ids: [],
options: [],
boradType: [
{
typeName:"全部",
value:""
},
{
typeName:"待回复",
value:"0"
},
{
typeName:"回复",
value:"1"
}
],
stateFormat (row, column) {
if (row.state === '0') {
return '待回复'
} else {
return '已回复'
}
}
}
},
components: {
AddOrUpdate
},
created: function () {
this.getOptions()
},
watch: {
ids: function (val) {
if (val.length === 0) {
this.dataForm.deptId = ''
} else {
this.dataForm.deptId = this.ids[val.length - 1]
}
}
},
methods: {
getOptions () {
var paa = {deptType:'party'}
this.$http
.post(`/sys/user/deptOptions/getByLoginUserNew`,paa)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => {})
},
addOrUpdateHandle (id, disabled) {
this.$parent.selectComponent = 'MessageBoradReplyDetail'
this.$router.push({ path: '/events-borad-boradReplyRoute', query: { id: id, disabled: disabled } })
}
}
}
</script>

296
src/views/modules/events/borad/messageboradreplyDetail.vue
View File

@ -0,0 +1,296 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<el-form v-if="pove" :model="dataForm" :rules="dataRule" ref="dataForm" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'" :disabled="pageDisabled">
<el-form-item label="留言人" label-width="100px">
<el-input
:rows="3"
v-model="dataForm.boradName"
style="width:50%">
</el-input>
</el-form-item>
<el-form-item label="留言时间" label-width="100px">
<el-input
:rows="3"
v-model="dataForm.boradTime"
style="width:50%">
</el-input>
</el-form-item>
<el-form-item label="所属党支部" label-width="100px">
<div>{{dataForm.dept}}</div>
</el-form-item>
<el-form-item label="留言内容" label-width="100px">
<el-input
type="textarea"
:rows="3"
placeholder="请输入会议内容，2000字以内"
v-model="dataForm.boradContent"
maxlength="2000"
style="width:50%">
</el-input>
</el-form-item>
<el-form-item label="留言图片" v-loading="loading" label-width="100px">
<el-upload
ref="upload"
:action="uploadUrl"
:class="{hide:hideUpload}"
list-type="picture-card"
:file-list="dataForm.boradPicture"
:limit=3
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
:on-success="handleAvatarSuccess"
:on-error="handelError"
:before-upload="beforeAvatarUpload"
style="width:480px">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
<div><font color="gray">1~3张图</font></div>
</el-form-item>
</el-form>
<el-form v-if="replyState" :model="dataForm" :rules="dataRule" ref="dataForm" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'" :disabled="pageDisabled">
<el-form-item label="回复内容" prop="replyContent" label-width="100px">
<el-input
type="textarea"
:rows="3"
placeholder="请输入会议内容，2000字以内"
v-model="dataForm.replyContent"
maxlength="2000"
style="width:50%">
</el-input>
</el-form-item>
<el-form-item label="回复图片" v-loading="loading" prop="images" label-width="100px">
<el-upload
ref="upload"
:action="uploadUrl"
:class="{hide:hideUpload}"
list-type="picture-card"
:file-list="dataForm.replyPicture"
:limit=3
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
:on-success="handleAvatarSuccess"
:on-error="handelError"
:before-upload="beforeAvatarUpload"
style="width:480px">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
<div><font color="gray">1~3张图</font></div>
</el-form-item>
<el-form-item v-if="replyInfoState" label="回复人" label-width="100px">
<div>{{dataForm.replyName}}</div>
</el-form-item>
<el-form-item v-if="replyInfoState" label="回复时间" label-width="100px">
<div>{{dataForm.replyTime}}</div>
</el-form-item>
</el-form>
<el-form>
<el-form-item style="margin-left:35px;">
<el-button type="primary" @click="backToUserRelationList">{{"返回"}}</el-button>
<el-button v-if="!pageDisabled" type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</el-form-item>
</el-form>
</el-card>
</template>
<script>
import debounce from 'lodash/debounce'
import Cookies from 'js-cookie'
export default {
data () {
return {
visible: false,
pove: false,
dataForm: {
id: '',
userId: '',
boradName: '',
dept: '',
deptId: '',
boradContent: '',
images: [],
replyPicture: [],
boradPicture: [],
boradTime: '',
replyContent: '',
replyName: '',
replyTime: '',
state: '',
boradId: '',
},
isAble: false,
replyState: true,
replyInfoState: false,
meetTypeArr: [],
dailyTypeArr: [],
hideUpload: false,
pageDisabled: false,
// imgUrlArr: [],
mapSelectVisible: false,
uploadUrl: '',
loading: false,
dialogImageUrl: '',
dialogVisible: false,
options: []
}
},
created: function () {
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/uploadImg?token=${Cookies.get('token')}`
},
computed: {
dataRule () {
return {
replyContent: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
mounted () {
this.pageDisabled = this.$route.query.disabled
this.hideUpload = this.$route.query.disabled
if (this.$route.query.id !== '' && this.$route.query.id != null) {
this.dataForm.id = this.$route.query.id
this.getInfo()
} else {
// 随手记下拉框赋值
this.getInfo()
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/events/borad/details/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
let infoObj = res.data.state ;
if (infoObj == '0' && this.pageDisabled == true){ //表示是留言 查看详情状态 就显示留言内容
this.pove = true;
this.replyState = false
}else if (infoObj == '0' && this.pageDisabled == false){ //表示是留言 回复状态 就显示回复框
this.pove = false;
this.replyState = true;
this.dataForm.boradId = this.$route.query.id;
}else if (infoObj == '1' && this.pageDisabled == true){ //表示留言已经回复 的 查看详情状态 显示全部信息
this.pove = true;
this.replyState = true;
this.replyInfoState = true;
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http['post']('/events/borad/reply/', 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')
this.backToUserRelationList();
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false }),
handleAvatarSuccess (res, file) {
this.loading = false
this.isAble = false
if (res === null || res.data === null || res.data.imgUrl === null) {
this.$message.error('文件上传失败！')
this.handleErrorRemove(file)
return false
}
this.dataForm.replyPicture.push({ url: res.data.imgUrl, breviaryUrl: res.data.thumbnail, fileType: 1 })
this.hideUpload = this.dataForm.replyPicture.length >= 3
},
handleErrorRemove (file) {
// 实现缩略图模板时删除文件
let fileList = this.$refs.upload.uploadFiles
for (var i = 0; i < fileList.length; i++) {
let item = fileList[i]
if (item.url === file.url) {
fileList.splice(i, 1)
}
}
},
handelError () {
this.loading = false
this.isAble = false
this.$message.error('上传文件失败!')
},
handlePictureCardPreview (file) {
this.dialogImageUrl = file.url
this.dialogVisible = true
},
handleRemove (file, fileList) {
for (var i = 0; i < this.dataForm.replyPicture.length; i++) {
let item = this.dataForm.replyPicture[i]
if (item.url === file.url) {
this.dataForm.replyPicture.splice(i, 1)
}
}
this.hideUpload = this.dataForm.replyPicture.length >= 3
},
beforeAvatarUpload (file) {
if (this.dataForm.replyPicture.length === 3) {
this.$message.error('最多上传3张图片!')
return false
}
this.loading = true
this.isAble = true
const isJPG = file.type === 'image/jpeg'
const isPNG = file.type === 'image/png'
// const isLt1M = file.size / 1024 / 1024 < 1
// 判断是否符合格式要求
if (!isJPG && !isPNG) {
this.$message.error('上传文件必须是jpg、png格式!')
this.loading = false
this.isAble = false
return false
}
},
// 返回按钮点击事件
backToUserRelationList () {
this.$emit('MessageBoradReply')
this.$parent.selectComponent = 'MessageBoradReply'
this.$router.push({ path: '/events-borad-boradReplyRoute' })
},
}
}
</script>
<style>
.hide .el-upload--picture-card {
display: none;
}
</style>
Write Preview
Loading…
Cancel
Save