diff --git a/src/assets/styles/pageLayout.module.less b/src/assets/styles/pageLayout.module.less index 503aba0..43e2146 100644 --- a/src/assets/styles/pageLayout.module.less +++ b/src/assets/styles/pageLayout.module.less @@ -88,3 +88,40 @@ } } } + +// ===== 二次确认弹窗 ===== + +.confirmContent { + padding: 4px 0; + font-size: 14px; + color: rgba(0, 0, 0, 0.85); + + strong { + margin: 0 4px; + font-weight: 600; + } +} + +.confirmTip { + margin-top: 8px; + font-size: 12px; + color: rgba(0, 0, 0, 0.45); + line-height: 1.5; +} + +.tabularLink { + font-variant-numeric: tabular-nums; + cursor: pointer; +} + +:global(.toggleConfirmModal) { + .ant-modal-confirm-body { + padding: 24px !important; + } +} + +:global(.deleteConfirmModal) { + .ant-modal-confirm-body { + padding: 24px !important; + } +} diff --git a/src/pages/events/banner/components/BannerFormModal.module.less b/src/pages/events/banner/components/BannerFormModal.module.less index 5259e15..1306990 100644 --- a/src/pages/events/banner/components/BannerFormModal.module.less +++ b/src/pages/events/banner/components/BannerFormModal.module.less @@ -38,7 +38,7 @@ } .uploadIcon { - font-size: 32px; + font-size: 24px; color: #999; font-weight: 300; line-height: 1; diff --git a/src/pages/events/banner/components/BannerFormModal.tsx b/src/pages/events/banner/components/BannerFormModal.tsx index 7630878..fda3805 100644 --- a/src/pages/events/banner/components/BannerFormModal.tsx +++ b/src/pages/events/banner/components/BannerFormModal.tsx @@ -13,6 +13,7 @@ import { } from 'ant-design-vue'; import { JUMP_TYPE_OPTIONS, EVENT_OPTIONS, REGION_OPTIONS } from '../model/useBannerModel'; import { ImageCropper } from '@yp-component/root'; +import { FileImageOutlined } from '@ant-design/icons-vue'; import { uploadFile, OssUploadType } from '@/utils/oss'; import dayjs from 'dayjs'; import styles from './BannerFormModal.module.less'; @@ -317,7 +318,9 @@ export default defineComponent({ }`} onClick={triggerFilePicker} > - + + + + 点击上传 建议尺寸 1053*351 像素 diff --git a/src/pages/events/banner/index.module.less b/src/pages/events/banner/index.module.less deleted file mode 100644 index d7c3c7d..0000000 --- a/src/pages/events/banner/index.module.less +++ /dev/null @@ -1,21 +0,0 @@ -.eventBannerMain { - flex: 1; - min-height: 0; - display: flex; - flex-direction: column; - - .tableBody { - flex: 1; - min-height: 0; - overflow: hidden; - - :global { - .ant-spin-nested-loading, - .ant-spin-container, - .ant-table, - .ant-table-container { - height: 100%; - } - } - } -} diff --git a/src/pages/events/banner/index.tsx b/src/pages/events/banner/index.tsx index e54c205..39fbbec 100644 --- a/src/pages/events/banner/index.tsx +++ b/src/pages/events/banner/index.tsx @@ -14,7 +14,6 @@ import { import { useBannerModel, BANNER_STATUS_OPTIONS } from './model/useBannerModel'; import { useContainerSize } from '@/hooks'; import BannerFormModal from './components/BannerFormModal'; -import styles from './index.module.less'; import pageStyles from '@/assets/styles/pageLayout.module.less'; /** @@ -231,41 +230,39 @@ export default defineComponent({ {/* ===== 表格区 ===== */}
-
-
- - {{ - bodyCell: (args: any) => - renderBodyCell({ - ...args, - renderJumpType, - renderStatus, - onEdit: handleEdit, - onToggleStatus: confirmToggleStatus, - onDelete: confirmDelete, - }), - }} -
-
+
+ + {{ + bodyCell: (args: any) => + renderBodyCell({ + ...args, + renderJumpType, + renderStatus, + onEdit: handleEdit, + onToggleStatus: confirmToggleStatus, + onDelete: confirmDelete, + }), + }} +
+
- {/* 独立分页,右下方 */} -
- `共 ${total} 条`} - onChange={handlePageChange} - onShowSizeChange={handlePageChange} - /> -
+ {/* 独立分页,右下方 */} +
+ `共 ${total} 条`} + onChange={handlePageChange} + onShowSizeChange={handlePageChange} + />
diff --git a/src/pages/events/list/index.module.less b/src/pages/events/list/index.module.less deleted file mode 100644 index a5eb239..0000000 --- a/src/pages/events/list/index.module.less +++ /dev/null @@ -1,21 +0,0 @@ -.eventListMain { - flex: 1; - min-height: 0; - display: flex; - flex-direction: column; - - .tableBody { - flex: 1; - min-height: 0; - overflow: hidden; - - :global { - .ant-spin-nested-loading, - .ant-spin-container, - .ant-table, - .ant-table-container { - height: 100%; - } - } - } -} diff --git a/src/pages/events/list/index.tsx b/src/pages/events/list/index.tsx index 85a5335..682785f 100644 --- a/src/pages/events/list/index.tsx +++ b/src/pages/events/list/index.tsx @@ -25,7 +25,6 @@ import { useContainerSize, useState } from '@/hooks'; import EventRegulationModal from './components/EventRegulationModal'; import EventDetailModal from './components/EventDetailModal'; import EventAuditModal from './components/EventAuditModal'; -import styles from './index.module.less'; import pageStyles from '@/assets/styles/pageLayout.module.less'; const { RangePicker } = DatePicker; @@ -245,7 +244,7 @@ export default defineComponent({ (filterForm.orderStatus = val || '')} /> @@ -185,7 +184,7 @@ export default defineComponent({ (filterForm.role = val || '')} /> @@ -145,7 +142,7 @@ export default defineComponent({