---修改样式和文件上传

This commit is contained in:
2025-12-05 18:24:05 +08:00
parent d4c07162d4
commit bf5862d52b
6 changed files with 16 additions and 13 deletions

View File

@ -1,15 +1,15 @@
<template> <template>
<div :class="prefixCls" :style="getStyle" v-if="showFooter || $slots.footer"> <div :class="prefixCls" :style="getStyle" v-if="showFooter || $slots.footer">
<template v-if="!$slots.footer"> <template v-if="!$slots.footer">
<slot name="insertFooter"></slot>
<a-button v-bind="cancelButtonProps" @click="handleClose" class="mr-2" v-if="showCancelBtn">
{{ cancelText }}
</a-button>
<slot name="centerFooter"></slot> <slot name="centerFooter"></slot>
<a-button :type="okType" @click="handleOk" v-bind="okButtonProps" class="mr-2" :loading="confirmLoading" :disabled="confirmLoading" v-if="showOkBtn"> <a-button :type="okType" @click="handleOk" v-bind="okButtonProps" class="mr-2" :loading="confirmLoading" :disabled="confirmLoading" v-if="showOkBtn">
{{ okText }} {{ okText }}
</a-button> </a-button>
<slot name="appendFooter"></slot> <slot name="appendFooter"></slot>
<slot name="insertFooter"></slot>
<a-button v-bind="cancelButtonProps" @click="handleClose" class="mr-2" v-if="showCancelBtn">
{{ cancelText }}
</a-button>
</template> </template>
<template v-else> <template v-else>

View File

@ -361,8 +361,8 @@ import { methodOf } from 'lodash-es';
const handlePreview = async (file) => { const handlePreview = async (file) => {
const fileUrl = file.response?.data?.fileUrl || file.fileUrl; const fileUrl = file.response?.data?.fileUrl || file.fileUrl;
const fileName = file.name || file.fileOrg; const fileName = file.name || file.fileOrg;
const previewUrl = parsePreviewUrl(fileName, fileUrl); const previewUrl = parsePreviewUrl(fileName,fileUrl);
previewFile.value = parsePreviewUrl(fileName, fileUrl); previewFile.value = previewUrl;
previewVisible.value = true; previewVisible.value = true;
previewTitle.value = fileName; previewTitle.value = fileName;

View File

@ -101,7 +101,7 @@
return { ...contentStyle }; return { ...contentStyle };
} }
const height = `${unref(contentHeight)}px`; const height = `${unref(contentHeight)+19}px`;
return { return {
...contentStyle, ...contentStyle,
minHeight: height, minHeight: height,
@ -155,7 +155,7 @@
position: relative; position: relative;
.@{prefix-cls}-content { .@{prefix-cls}-content {
margin: 12px 4px 12px 12px; margin: 2px 4px 12px 8px;
} }
.ant-page-header { .ant-page-header {

View File

@ -445,7 +445,8 @@
} }
&-container { &-container {
height: calc(100% - 100px); //height: calc(100% - 100px);
height: calc(100% - 48px);
} }
&-header { &-header {
@ -518,12 +519,13 @@
&-form-has-pagenation { &-form-has-pagenation {
.ant-table { .ant-table {
height: calc(100% - 38px); height: calc(100% - 34px);
} }
} }
.ant-pagination { .ant-pagination {
margin: 10px 6px 0 0; //margin: 10px 6px 0 0;
margin: 2px 6px 0 0;
} }
.ant-table-footer { .ant-table-footer {

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="width: 100%; margin: 20px" :class="{ flex: toolBarWidth + formWidth + 200 < tableWidth }"> <div style="width: 100%; margin: 6px" :class="{ flex: toolBarWidth + formWidth + 200 < tableWidth }">
<div v-if="$slots.headerTop" style="margin: 5px"> <div v-if="$slots.headerTop" style="margin: 5px">
<slot name="headerTop"></slot> <slot name="headerTop"></slot>
</div> </div>

View File

@ -48,6 +48,7 @@ html[data-theme='light'] {
color: @text-color-base; color: @text-color-base;
background-color: @component-background; background-color: @component-background;
transition: none; transition: none;
font-size: 14px;
&:hover { &:hover {
.ant-tabs-tab-remove { .ant-tabs-tab-remove {
@ -181,7 +182,7 @@ html[data-theme='light'] {
width: 100%; width: 100%;
height: @multiple-height - 2; height: @multiple-height - 2;
padding-left: 0; padding-left: 0;
font-size: 12px; font-size: 14px;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
} }