123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 |
- <template>
- <div>
- <BasicTable @register="registerTable" :rowSelection="rowSelection">
- <template #tableTitle>
- <a-button preIcon="ant-design:plus-outlined" type="primary" @click="handleAdd">新增</a-button>
- <!-- <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>-->
- <!-- <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>-->
- <a-dropdown v-if="selectedRowKeys.length > 0">
- <template #overlay>
- <a-menu>
- <a-menu-item key="1" @click="batchHandleDelete">
- <Icon icon="ant-design:delete-outlined" />
- 删除
- </a-menu-item>
- </a-menu>
- </template>
- <a-button
- >批量操作
- <Icon style="fontsize: 12px" icon="ant-design:down-outlined" />
- </a-button>
- </a-dropdown>
- </template>
- <template #action="{ record }">
- <TableAction :actions="getActions(record)" :dropDownActions="getDropDownAction(record)" />
- </template>
- </BasicTable>
- <NoticeModal @register="registerModal" @success="reload" />
- <DetailModal @register="register" :frameSrc="iframeUrl" />
- </div>
- </template>
- <script lang="ts" name="system-notice" setup>
- import { ref } from 'vue';
- import { BasicTable, TableAction } from '/@/components/Table';
- import { useModal } from '/@/components/Modal';
- import NoticeModal from './NoticeModal.vue';
- import DetailModal from './DetailModal.vue';
- import { useGlobSetting } from '/@/hooks/setting';
- import { getToken } from '/@/utils/auth';
- import { columns, searchFormSchema } from './notice.data';
- import { getList, deleteNotice, batchDeleteNotice, getExportUrl, getImportUrl, doReleaseData, doReovkeData } from './notice.api';
- import { useListPage } from '/@/hooks/system/useListPage';
- const glob = useGlobSetting();
- const [registerModal, { openModal }] = useModal();
- const [register, { openModal: openDetail }] = useModal();
- const iframeUrl = ref('');
- // 列表页面公共参数、方法
- const { prefixCls, onExportXls, onImportXls, tableContext, doRequest } = useListPage({
- designScope: 'notice-template',
- tableProps: {
- title: '消息通知',
- api: getList,
- columns: columns,
- formConfig: {
- schemas: searchFormSchema,
- },
- },
- exportConfig: {
- name: '消息通知列表',
- url: getExportUrl,
- },
- importConfig: {
- url: getImportUrl,
- },
- });
- const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
- /**
- * 新增事件
- */
- function handleAdd() {
- openModal(true, {
- isUpdate: false,
- });
- }
- /**
- * 编辑事件
- */
- function handleEdit(record) {
- openModal(true, {
- record,
- isUpdate: true,
- });
- }
- /**
- * 删除事件
- */
- async function handleDelete(record) {
- await deleteNotice({ id: record.id }, reload);
- }
- /**
- * 批量删除事件
- */
- async function batchHandleDelete() {
- doRequest(() => batchDeleteNotice({ ids: selectedRowKeys.value }));
- }
- /**
- * 发布
- */
- async function handleRelease(id) {
- await doReleaseData({ id });
- reload();
- }
- /**
- * 撤销
- */
- async function handleReovke(id) {
- await doReovkeData({ id });
- reload();
- }
- /**
- * 查看
- */
- function handleDetail(record) {
- iframeUrl.value = `${glob.uploadUrl}/sys/annountCement/show/${record.id}?token=${getToken()}`;
- openDetail(true);
- }
- /**
- * 操作列定义
- * @param record
- */
- function getActions(record) {
- return [
- {
- label: '编辑',
- onClick: handleEdit.bind(null, record),
- ifShow: record.sendStatus == 0,
- },
- ];
- }
- /**
- * 下拉操作栏
- */
- function getDropDownAction(record) {
- return [
- {
- label: '删除',
- ifShow: record.sendStatus != 1,
- popConfirm: {
- title: '是否确认删除',
- confirm: handleDelete.bind(null, record),
- },
- },
- {
- label: '发布',
- ifShow: record.sendStatus == 0,
- onClick: handleRelease.bind(null, record.id),
- },
- {
- label: '撤销',
- ifShow: record.sendStatus == 1,
- popConfirm: {
- title: '确定要撤销吗?',
- confirm: handleReovke.bind(null, record.id),
- },
- },
- {
- label: '查看',
- onClick: handleDetail.bind(null, record),
- },
- ];
- }
- </script>
|