Jackwang
4 years ago
3 changed files with 343 additions and 61 deletions
@ -0,0 +1,53 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-sys__dept"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item> |
|||
<el-button v-if="$hasPermission('events:category:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;"> |
|||
<table-tree-column prop="typeName" :label="$t('dept.name')" header-align="center"></table-tree-column> |
|||
<el-table-column prop="parentName" :label="$t('dept.parentName')" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="sort" :label="$t('dept.sort')" header-align="center" align="center" width="80"></el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|||
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<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 TableTreeColumn from '@/components/table-tree-column' |
|||
import AddOrUpdate from './moduletype-add-or-update' |
|||
import Cookies from 'js-cookie' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/news/moduletype/getList', |
|||
deleteURL: '/news/moduletype' |
|||
}, |
|||
upLoadUrl: '' |
|||
} |
|||
}, |
|||
components: { |
|||
TableTreeColumn, |
|||
AddOrUpdate |
|||
}, |
|||
created: function () { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,175 @@ |
|||
<template> |
|||
<el-card shadow="never" |
|||
class="aui-card--fill"> |
|||
<div class="mod-news__notice}"> |
|||
<el-form :inline="true" |
|||
:model="dataForm" |
|||
@keyup.enter.native="getDataList()"> |
|||
<el-form-item> |
|||
<el-input v-model="dataForm.noticeTitle" |
|||
placeholder="标题" |
|||
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:notice:save')" |
|||
type="primary" |
|||
@click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button v-if="$hasPermission('news:notice: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"></el-table-column> |
|||
<el-table-column type="index" |
|||
width="50" |
|||
label="序号" align="center"></el-table-column> |
|||
<el-table-column prop="noticeTitle" |
|||
label="标题" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="400px" |
|||
show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="deptName" |
|||
label="所属网格" |
|||
header-align="center" |
|||
min-width="150px" |
|||
align="left"></el-table-column> |
|||
<!-- <el-table-column prop="readingAmount"--> |
|||
<!-- label="阅读量"--> |
|||
<!-- header-align="center"--> |
|||
<!-- align="center"--> |
|||
<!-- width="80"></el-table-column>--> |
|||
<el-table-column prop="creatorName" |
|||
label="创建人" |
|||
header-align="center" |
|||
width="100px" |
|||
align="left"></el-table-column> |
|||
<el-table-column prop="createdTime" |
|||
label="创建时间" |
|||
header-align="center" |
|||
width="180px" |
|||
align="center"></el-table-column> |
|||
<!-- <el-table-column prop="noticeReleaseState"--> |
|||
<!-- label="已发布"--> |
|||
<!-- header-align="center"--> |
|||
<!-- :formatter="showIsPublishFormatter"--> |
|||
<!-- align="center"--> |
|||
<!-- width="70"></el-table-column>--> |
|||
<!-- <el-table-column prop="releaseTime"--> |
|||
<!-- label="发布时间"--> |
|||
<!-- width="180"--> |
|||
<!-- 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:notice:publish') && scope.row.noticeReleaseState === '0'" |
|||
type="text" |
|||
size="small" |
|||
@click="noticePublishHandle(scope.row.id)">发布</el-button> |
|||
<el-button v-if="$hasPermission('news:notice:update')" |
|||
type="text" |
|||
size="small" |
|||
@click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|||
<el-button v-if="$hasPermission('news:notice: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 './notice-add-or-update' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/news/notice/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/news/notice', |
|||
deleteIsBatch: true |
|||
}, |
|||
dataForm: { |
|||
noticeTitle: '' |
|||
} |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
}, |
|||
methods: { |
|||
// 发布 |
|||
noticePublishHandle (id) { |
|||
this.$confirm(this.$t('prompt.info', { 'handle': '发布' }), this.$t('发布'), { |
|||
confirmButtonText: this.$t('confirm'), |
|||
cancelButtonText: this.$t('cancel'), |
|||
type: 'warning' |
|||
}).then(() => { |
|||
this.$http.post(`/news/notice/publish/${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(() => { }) |
|||
}, |
|||
showIsPublishFormatter: function (row, column) { |
|||
if (row.noticeReleaseState === '0') { |
|||
return '否' |
|||
} |
|||
return '是' |
|||
}, |
|||
showDeptNameFormatter: function (row, column) { |
|||
if (row.grid) { |
|||
return row.grid |
|||
} |
|||
if (row.community) { |
|||
return row.community |
|||
} |
|||
if (row.street) { |
|||
return row.street |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
Loading…
Reference in new issue