修改bug
This commit is contained in:
parent
e075fa8dcd
commit
b6d32d892e
|
@ -42,7 +42,6 @@
|
||||||
:bodyStyle="{ padding: 0, display: 'flex', justifyContent: 'center', alignItems: 'center' }"
|
:bodyStyle="{ padding: 0, display: 'flex', justifyContent: 'center', alignItems: 'center' }"
|
||||||
:footer="null"
|
:footer="null"
|
||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
:style="{ maxWidth: '90vw' }"
|
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
ref="previewImgRef"
|
ref="previewImgRef"
|
||||||
|
@ -256,10 +255,21 @@
|
||||||
/**
|
/**
|
||||||
* 预览图片
|
* 预览图片
|
||||||
*/
|
*/
|
||||||
function handlePreview(file) {
|
async function handlePreview(file) {
|
||||||
previewImage.value = file.url || file.thumbUrl;
|
if (!file.url && !file.preview) {
|
||||||
|
file.preview = (await getBase64(file.originFileObj)) as string;
|
||||||
|
}
|
||||||
|
previewImage.value = file.url || file.preview;
|
||||||
previewVisible.value = true;
|
previewVisible.value = true;
|
||||||
}
|
}
|
||||||
|
function getBase64(file: File) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.readAsDataURL(file);
|
||||||
|
reader.onload = () => resolve(reader.result);
|
||||||
|
reader.onerror = error => reject(error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function getAvatarView() {
|
function getAvatarView() {
|
||||||
if (uploadFileList.length > 0) {
|
if (uploadFileList.length > 0) {
|
||||||
|
|
|
@ -71,7 +71,7 @@
|
||||||
//每页条数
|
//每页条数
|
||||||
const pageSize = ref<number>(140);
|
const pageSize = ref<number>(140);
|
||||||
//下拉分页显示
|
//下拉分页显示
|
||||||
const pageSizeOptions = ref<any>(['10', '20', '50', '100', '140']);
|
const pageSizeOptions = ref<any>(['15', '50', '80', '100']);
|
||||||
//下拉搜索值
|
//下拉搜索值
|
||||||
const searchIconValue = ref<string>('');
|
const searchIconValue = ref<string>('');
|
||||||
const { clipboardRef, isSuccessRef } = useCopyToClipboard(props.value);
|
const { clipboardRef, isSuccessRef } = useCopyToClipboard(props.value);
|
||||||
|
|
|
@ -27,6 +27,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ant-drawer-body {
|
||||||
|
background: url(../resource/img/modalback.png);
|
||||||
|
}
|
||||||
.ant-modal {
|
.ant-modal {
|
||||||
width: 520px;
|
width: 520px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<Header :class="getHeaderClass" style="background-image: url('../resource/img/bj.png');">
|
<Header :class="getHeaderClass" class="headClass">
|
||||||
<!-- left start -->
|
<!-- left start -->
|
||||||
<div :class="`${prefixCls}-left`" >
|
<div :class="`${prefixCls}-left`" >
|
||||||
<!-- logo -->
|
<!-- logo -->
|
||||||
|
@ -261,4 +261,9 @@
|
||||||
border-bottom: 0px;
|
border-bottom: 0px;
|
||||||
border-left: 0px;
|
border-left: 0px;
|
||||||
}
|
}
|
||||||
|
.headClass{
|
||||||
|
background-image: url('../resource/img/bj.png') !important;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -18,7 +18,7 @@ export default {
|
||||||
totalField: 'total',
|
totalField: 'total',
|
||||||
},
|
},
|
||||||
// 可选的分页选项
|
// 可选的分页选项
|
||||||
pageSizeOptions: ['10', '50', '80', '100'],
|
pageSizeOptions: ['15', '50', '80', '100'],
|
||||||
// 表格默认尺寸
|
// 表格默认尺寸
|
||||||
defaultSize: 'middle',
|
defaultSize: 'middle',
|
||||||
//默认每页显示多少条
|
//默认每页显示多少条
|
||||||
|
|
|
@ -117,7 +117,7 @@ const pagination = reactive({
|
||||||
total: 0,
|
total: 0,
|
||||||
showSizeChanger: true,
|
showSizeChanger: true,
|
||||||
showQuickJumper: true,
|
showQuickJumper: true,
|
||||||
pageSizeOptions: ['10', '20', '30', '50'],
|
pageSizeOptions: ['15', '50', '80', '100'],
|
||||||
showTotal: total => `共 ${total} 条`
|
showTotal: total => `共 ${total} 条`
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -369,8 +369,3 @@ async function setRangeQuery() {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang="less">
|
|
||||||
.ant-drawer-body {
|
|
||||||
background: url(../resource/img/modalback.png);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -256,8 +256,8 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
showIndexColumn: true,
|
showIndexColumn: true,
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 10,
|
pageSize: 15,
|
||||||
pageSizeOptions: ['10', '20', '50', '100'],
|
pageSizeOptions: ['15', '50', '80', '100'],
|
||||||
},
|
},
|
||||||
actionColumn: {
|
actionColumn: {
|
||||||
width: 200,
|
width: 200,
|
||||||
|
|
|
@ -96,8 +96,8 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
showIndexColumn: true,
|
showIndexColumn: true,
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 10,
|
pageSize: 15,
|
||||||
pageSizeOptions: ['10', '20', '50', '100'],
|
pageSizeOptions: ['15', '50', '80', '100'],
|
||||||
},
|
},
|
||||||
actionColumn: {
|
actionColumn: {
|
||||||
width: 200,
|
width: 200,
|
||||||
|
|
|
@ -126,8 +126,8 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
immediate: false,
|
immediate: false,
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 10,
|
pageSize: 15,
|
||||||
pageSizeOptions: ['10', '20', '50', '100'],
|
pageSizeOptions: ['15', '50', '80', '100'],
|
||||||
},
|
},
|
||||||
beforeFetch: async (params) => {
|
beforeFetch: async (params) => {
|
||||||
queryParam.izEnabled = '0'
|
queryParam.izEnabled = '0'
|
||||||
|
|
|
@ -135,7 +135,7 @@
|
||||||
:dataSource="targetChooseType == 'one' ? (targetType == 'needsync' ? rightNeedAddList : rightSourceList) : rightNeedAddList"
|
:dataSource="targetChooseType == 'one' ? (targetType == 'needsync' ? rightNeedAddList : rightSourceList) : rightNeedAddList"
|
||||||
:columns="targetChooseType == 'one' ? (targetType == 'needsync' ? targetColumns : targetSourceColumns) : targetSourceColumns"
|
:columns="targetChooseType == 'one' ? (targetType == 'needsync' ? targetColumns : targetSourceColumns) : targetSourceColumns"
|
||||||
size="small" :scroll="{ y: '57vh' }"
|
size="small" :scroll="{ y: '57vh' }"
|
||||||
:pagination="{ current: 1, pageSize: 50, total: rightNeedAddList.length, showSizeChanger: true, pageSizeOptions: ['10', '20', '50', '100'] }">
|
:pagination="{ current: 1, pageSize: 50, total: rightNeedAddList.length, showSizeChanger: true, pageSizeOptions: ['15', '50', '80', '100'] }">
|
||||||
<template v-slot:bodyCell="{ column, record, index, text }">
|
<template v-slot:bodyCell="{ column, record, index, text }">
|
||||||
<template v-if="column.dataIndex === 'izExist'">
|
<template v-if="column.dataIndex === 'izExist'">
|
||||||
<a-tag v-if="rightSourceList.some(item => item.id === record.id)" color="orange">更新</a-tag>
|
<a-tag v-if="rightSourceList.some(item => item.id === record.id)" color="orange">更新</a-tag>
|
||||||
|
@ -224,7 +224,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
pageSizeOptions: ['10', '20', '50', '100'],
|
pageSizeOptions: ['15', '50', '80', '100'],
|
||||||
},
|
},
|
||||||
beforeFetch: async (params) => {
|
beforeFetch: async (params) => {
|
||||||
queryParam.izEnabled = '0'
|
queryParam.izEnabled = '0'
|
||||||
|
|
|
@ -112,7 +112,7 @@
|
||||||
<a-col :lg="12" :sm="24">
|
<a-col :lg="12" :sm="24">
|
||||||
<a-tag color="green" style="margin-left: 10px;margin-top: 10px;">已选择 {{ rightList.length }} 条</a-tag>
|
<a-tag color="green" style="margin-left: 10px;margin-top: 10px;">已选择 {{ rightList.length }} 条</a-tag>
|
||||||
<BasicTable :dataSource="rightList" :columns="sourceColumns" size="small" :scroll="{ y: '46vh' }"
|
<BasicTable :dataSource="rightList" :columns="sourceColumns" size="small" :scroll="{ y: '46vh' }"
|
||||||
:pagination="{ current: 1, pageSize: 50, total: rightList.length, showSizeChanger: true, pageSizeOptions: ['10', '20', '50', '100'] }">
|
:pagination="{ current: 1, pageSize: 50, total: rightList.length, showSizeChanger: true, pageSizeOptions: ['15', '50', '80', '100'] }">
|
||||||
</BasicTable>
|
</BasicTable>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
@ -157,7 +157,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
pageSizeOptions: ['10', '20', '50', '100'],
|
pageSizeOptions: ['15', '50', '80', '100'],
|
||||||
},
|
},
|
||||||
beforeFetch: async (params) => {
|
beforeFetch: async (params) => {
|
||||||
queryParam.izEnabled = '0'
|
queryParam.izEnabled = '0'
|
||||||
|
|
|
@ -53,7 +53,7 @@
|
||||||
<a-tag color="green" style="margin-left: 10px;margin-top: 10px;">待同步 {{ leftList?.length }} 条</a-tag>
|
<a-tag color="green" style="margin-left: 10px;margin-top: 10px;">待同步 {{ leftList?.length }} 条</a-tag>
|
||||||
<BasicTable :dataSource="leftList" :columns="columns" size="small" :scroll="{ y: '61vh' }"
|
<BasicTable :dataSource="leftList" :columns="columns" size="small" :scroll="{ y: '61vh' }"
|
||||||
:showIndexColumn="false"
|
:showIndexColumn="false"
|
||||||
:pagination="{ current: 1, pageSize: 50, total: leftList.length, showSizeChanger: true, pageSizeOptions: ['10', '20', '50', '100'] }">
|
:pagination="{ current: 1, pageSize: 50, total: leftList.length, showSizeChanger: true, pageSizeOptions: ['15', '50', '80', '100'] }">
|
||||||
</BasicTable>
|
</BasicTable>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :lg="12" :sm="24">
|
<a-col :lg="12" :sm="24">
|
||||||
|
|
Loading…
Reference in New Issue