---修改样式和文件上传
This commit is contained in:
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user