|
|
@@ -1,110 +1,115 @@
|
|
|
<template>
|
|
|
- <a-card :bordered="false">
|
|
|
- <s-table
|
|
|
- ref="table"
|
|
|
- :columns="columns"
|
|
|
- :data="loadData"
|
|
|
- :alert="options.alert.show"
|
|
|
- bordered
|
|
|
- :row-key="(record) => record.typeId"
|
|
|
- :tool-config="toolConfig"
|
|
|
- :row-selection="options.rowSelection"
|
|
|
- >
|
|
|
- <template #operator class="table-operator">
|
|
|
- <a-space>
|
|
|
- <a-button type="primary" @click="formRef.onOpen()" v-if="hasPerm('forumPostTypeAdd')">
|
|
|
- <template #icon><plus-outlined /></template>
|
|
|
- 新增
|
|
|
- </a-button>
|
|
|
- <xn-batch-delete
|
|
|
- v-if="hasPerm('forumPostTypeBatchDelete')"
|
|
|
- :selectedRowKeys="selectedRowKeys"
|
|
|
- @batchDelete="deleteBatchForumPostType"
|
|
|
- />
|
|
|
- </a-space>
|
|
|
- </template>
|
|
|
- <template #bodyCell="{ column, record }">
|
|
|
- <template v-if="column.dataIndex === 'action'">
|
|
|
- <a-space>
|
|
|
- <a @click="formRef.onOpen(record)" v-if="hasPerm('forumPostTypeEdit')">编辑</a>
|
|
|
- <a-divider type="vertical" v-if="hasPerm(['forumPostTypeEdit', 'forumPostTypeDelete'], 'and')" />
|
|
|
- <a-popconfirm title="确定要删除吗?" @confirm="deleteForumPostType(record)">
|
|
|
- <a-button type="link" danger size="small" v-if="hasPerm('forumPostTypeDelete')">删除</a-button>
|
|
|
- </a-popconfirm>
|
|
|
- </a-space>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </s-table>
|
|
|
- </a-card>
|
|
|
- <Form ref="formRef" @successful="table.refresh(true)" />
|
|
|
+ <a-card :bordered="false">
|
|
|
+ <s-table
|
|
|
+ ref="table"
|
|
|
+ :columns="columns"
|
|
|
+ :data="loadData"
|
|
|
+ :alert="options.alert.show"
|
|
|
+ bordered
|
|
|
+ :row-key="(record) => record.typeId"
|
|
|
+ :tool-config="toolConfig"
|
|
|
+ :row-selection="options.rowSelection"
|
|
|
+ >
|
|
|
+ <template #operator class="table-operator">
|
|
|
+ <a-space>
|
|
|
+ <a-button type="primary" @click="formRef.onOpen()" v-if="hasPerm('forumPostTypeAdd')">
|
|
|
+ <template #icon><plus-outlined /></template>
|
|
|
+ 新增
|
|
|
+ </a-button>
|
|
|
+ <xn-batch-delete
|
|
|
+ v-if="hasPerm('forumPostTypeBatchDelete')"
|
|
|
+ :selectedRowKeys="selectedRowKeys"
|
|
|
+ @batchDelete="deleteBatchForumPostType"
|
|
|
+ />
|
|
|
+ </a-space>
|
|
|
+ </template>
|
|
|
+ <template #bodyCell="{ column, record }">
|
|
|
+ <template v-if="column.dataIndex === 'action'">
|
|
|
+ <a-space>
|
|
|
+ <a @click="formRef.onOpen(record)" v-if="hasPerm('forumPostTypeEdit')">编辑</a>
|
|
|
+ <a-divider type="vertical" v-if="hasPerm(['forumPostTypeEdit', 'forumPostTypeDelete'], 'and')" />
|
|
|
+ <a-popconfirm title="确定要删除吗?" @confirm="deleteForumPostType(record)">
|
|
|
+ <a-button type="link" danger size="small" v-if="hasPerm('forumPostTypeDelete')">删除</a-button>
|
|
|
+ </a-popconfirm>
|
|
|
+ </a-space>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </s-table>
|
|
|
+ </a-card>
|
|
|
+ <Form ref="formRef" @successful="table.refresh(true)" />
|
|
|
</template>
|
|
|
|
|
|
<script setup name="posttype">
|
|
|
- import Form from './form.vue'
|
|
|
- import forumPostTypeApi from '@/api/forum/forumPostTypeApi'
|
|
|
- const table = ref()
|
|
|
- const formRef = ref()
|
|
|
- const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
|
|
|
- const columns = [
|
|
|
- {
|
|
|
- title: '分类名称',
|
|
|
- dataIndex: 'typeName'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '分类描述',
|
|
|
- dataIndex: 'typeDesc'
|
|
|
- },
|
|
|
- ]
|
|
|
- // 操作栏通过权限判断是否显示
|
|
|
- if (hasPerm(['forumPostTypeEdit', 'forumPostTypeDelete'])) {
|
|
|
- columns.push({
|
|
|
- title: '操作',
|
|
|
- dataIndex: 'action',
|
|
|
- align: 'center',
|
|
|
- width: '150px'
|
|
|
- })
|
|
|
- }
|
|
|
- const selectedRowKeys = ref([])
|
|
|
- // 列表选择配置
|
|
|
- const options = {
|
|
|
- // columns数字类型字段加入 needTotal: true 可以勾选自动算账
|
|
|
- alert: {
|
|
|
- show: true,
|
|
|
- clear: () => {
|
|
|
- selectedRowKeys.value = ref([])
|
|
|
- }
|
|
|
- },
|
|
|
- rowSelection: {
|
|
|
- onChange: (selectedRowKey, selectedRows) => {
|
|
|
- selectedRowKeys.value = selectedRowKey
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- const loadData = (parameter) => {
|
|
|
- return forumPostTypeApi.forumPostTypePage(parameter).then((data) => {
|
|
|
- return data
|
|
|
- })
|
|
|
- }
|
|
|
- // 重置
|
|
|
- const reset = () => {
|
|
|
- searchFormRef.value.resetFields()
|
|
|
- table.value.refresh(true)
|
|
|
- }
|
|
|
- // 删除
|
|
|
- const deleteForumPostType = (record) => {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- typeId: record.typeId
|
|
|
- }
|
|
|
- ]
|
|
|
- forumPostTypeApi.forumPostTypeDelete(params).then(() => {
|
|
|
- table.value.refresh(true)
|
|
|
- })
|
|
|
- }
|
|
|
- // 批量删除
|
|
|
- const deleteBatchForumPostType = (params) => {
|
|
|
- forumPostTypeApi.forumPostTypeDelete(params).then(() => {
|
|
|
- table.value.clearRefreshSelected()
|
|
|
- })
|
|
|
- }
|
|
|
+ import Form from './form.vue'
|
|
|
+ import forumPostTypeApi from '@/api/forum/forumPostTypeApi'
|
|
|
+ const table = ref()
|
|
|
+ const formRef = ref()
|
|
|
+ const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
|
|
|
+ const columns = [
|
|
|
+ {
|
|
|
+ title: '分类名称',
|
|
|
+ dataIndex: 'typeName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '分类描述',
|
|
|
+ dataIndex: 'typeDesc'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ // 操作栏通过权限判断是否显示
|
|
|
+ if (hasPerm(['forumPostTypeEdit', 'forumPostTypeDelete'])) {
|
|
|
+ columns.push({
|
|
|
+ title: '操作',
|
|
|
+ dataIndex: 'action',
|
|
|
+ align: 'center',
|
|
|
+ width: '150px'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ const selectedRowKeys = ref([])
|
|
|
+ // 列表选择配置
|
|
|
+ const options = {
|
|
|
+ // columns数字类型字段加入 needTotal: true 可以勾选自动算账
|
|
|
+ alert: {
|
|
|
+ show: true,
|
|
|
+ clear: () => {
|
|
|
+ selectedRowKeys.value = ref([])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ rowSelection: {
|
|
|
+ onChange: (selectedRowKey, selectedRows) => {
|
|
|
+ selectedRowKeys.value = selectedRowKey
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const loadData = (parameter) => {
|
|
|
+ return forumPostTypeApi.forumPostTypePage(parameter).then((data) => {
|
|
|
+ return data
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 重置
|
|
|
+ const reset = () => {
|
|
|
+ searchFormRef.value.resetFields()
|
|
|
+ table.value.refresh(true)
|
|
|
+ }
|
|
|
+ // 删除
|
|
|
+ const deleteForumPostType = (record) => {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ typeId: record.typeId
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ forumPostTypeApi.forumPostTypeDelete(params).then(() => {
|
|
|
+ table.value.refresh(true)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 批量删除
|
|
|
+ const deleteBatchForumPostType = (params) => {
|
|
|
+ params = params.map((r) => {
|
|
|
+ return {
|
|
|
+ typeId: r.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ forumPostTypeApi.forumPostTypeDelete(params).then(() => {
|
|
|
+ table.value.clearRefreshSelected()
|
|
|
+ })
|
|
|
+ }
|
|
|
</script>
|