样式调整
This commit is contained in:
parent
7b31202b8c
commit
1e5968ac7b
|
@ -71,7 +71,7 @@
|
||||||
//每页条数
|
//每页条数
|
||||||
const pageSize = ref<number>(140);
|
const pageSize = ref<number>(140);
|
||||||
//下拉分页显示
|
//下拉分页显示
|
||||||
const pageSizeOptions = ref<any>(['15', '50', '80', '100']);
|
const pageSizeOptions = ref<any>(['15', '50', '70', '100']);
|
||||||
//下拉搜索值
|
//下拉搜索值
|
||||||
const searchIconValue = ref<string>('');
|
const searchIconValue = ref<string>('');
|
||||||
const { clipboardRef, isSuccessRef } = useCopyToClipboard(props.value);
|
const { clipboardRef, isSuccessRef } = useCopyToClipboard(props.value);
|
||||||
|
|
|
@ -18,7 +18,7 @@ export default {
|
||||||
totalField: 'total',
|
totalField: 'total',
|
||||||
},
|
},
|
||||||
// 可选的分页选项
|
// 可选的分页选项
|
||||||
pageSizeOptions: ['15', '50', '80', '100'],
|
pageSizeOptions: ['15', '50', '70', '100'],
|
||||||
// 表格默认尺寸
|
// 表格默认尺寸
|
||||||
defaultSize: 'middle',
|
defaultSize: 'middle',
|
||||||
//默认每页显示多少条
|
//默认每页显示多少条
|
||||||
|
|
|
@ -120,7 +120,7 @@ const pagination = reactive({
|
||||||
total: 0,
|
total: 0,
|
||||||
showSizeChanger: true,
|
showSizeChanger: true,
|
||||||
showQuickJumper: true,
|
showQuickJumper: true,
|
||||||
pageSizeOptions: ['15', '50', '80', '100'],
|
pageSizeOptions: ['15', '50', '70', '100'],
|
||||||
showTotal: total => `共 ${total} 条`
|
showTotal: total => `共 ${total} 条`
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<!--查询区域-->
|
<!--查询区域-->
|
||||||
<div class="jeecg-basic-table-form-container">
|
<div class="jeecg-basic-table-form-container">
|
||||||
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
|
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
|
||||||
:wrapper-col="wrapperCol">
|
:wrapper-col="wrapperCol" style="padding-top: 20px;">
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<a-col :lg="6">
|
<a-col :lg="6">
|
||||||
<a-form-item name="tagName">
|
<a-form-item name="tagName">
|
||||||
|
@ -98,7 +98,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 15,
|
pageSize: 15,
|
||||||
pageSizeOptions: ['15','50', '70', '100'],
|
pageSizeOptions: ['15', '50', '70', '100'],
|
||||||
},
|
},
|
||||||
actionColumn: {
|
actionColumn: {
|
||||||
width: 160,
|
width: 160,
|
||||||
|
@ -241,10 +241,11 @@ function searchReset() {
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.jeecg-basic-table-form-container {
|
.jeecg-basic-table-form-container {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
|
||||||
.table-page-search-submitButtons {
|
.table-page-search-submitButtons {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 0px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -259,7 +260,7 @@ function searchReset() {
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-form-item:not(.ant-form-item-with-help) {
|
.ant-form-item:not(.ant-form-item-with-help) {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 18px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<!--查询区域-->
|
<!--查询区域-->
|
||||||
<div class="jeecg-basic-table-form-container">
|
<div class="jeecg-basic-table-form-container">
|
||||||
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
|
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
|
||||||
:wrapper-col="wrapperCol">
|
:wrapper-col="wrapperCol" style="padding-top: 20px;">
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<a-col :lg="6">
|
<a-col :lg="6">
|
||||||
<a-form-item name="tagName">
|
<a-form-item name="tagName">
|
||||||
|
@ -98,7 +98,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 15,
|
pageSize: 15,
|
||||||
pageSizeOptions: ['15','50', '70', '100'],
|
pageSizeOptions: ['15', '50', '70', '100'],
|
||||||
},
|
},
|
||||||
actionColumn: {
|
actionColumn: {
|
||||||
width: 160,
|
width: 160,
|
||||||
|
@ -241,10 +241,11 @@ function searchReset() {
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.jeecg-basic-table-form-container {
|
.jeecg-basic-table-form-container {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
|
||||||
.table-page-search-submitButtons {
|
.table-page-search-submitButtons {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 0px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -259,7 +260,7 @@ function searchReset() {
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-form-item:not(.ant-form-item-with-help) {
|
.ant-form-item:not(.ant-form-item-with-help) {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 18px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -337,7 +337,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 15,
|
pageSize: 15,
|
||||||
pageSizeOptions: ['15', '50', '80', '100'],
|
pageSizeOptions: ['15', '50', '70', '100'],
|
||||||
},
|
},
|
||||||
actionColumn: {
|
actionColumn: {
|
||||||
width: 70,
|
width: 70,
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<!--查询区域-->
|
<!--查询区域-->
|
||||||
<div class="jeecg-basic-table-form-container">
|
<div class="jeecg-basic-table-form-container">
|
||||||
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
|
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
|
||||||
:wrapper-col="wrapperCol">
|
:wrapper-col="wrapperCol" style="padding-top: 20px;">
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<a-col :lg="6">
|
<a-col :lg="6">
|
||||||
<a-form-item name="instructionTagId">
|
<a-form-item name="instructionTagId">
|
||||||
|
@ -146,7 +146,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
|
||||||
pagination: {
|
pagination: {
|
||||||
current: 1,
|
current: 1,
|
||||||
pageSize: 15,
|
pageSize: 15,
|
||||||
pageSizeOptions: ['15', '50', '80', '100'],
|
pageSizeOptions: ['15', '50', '70', '100'],
|
||||||
},
|
},
|
||||||
actionColumn: {
|
actionColumn: {
|
||||||
width: 200,
|
width: 200,
|
||||||
|
@ -337,10 +337,11 @@ defineExpose({
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.jeecg-basic-table-form-container {
|
.jeecg-basic-table-form-container {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
|
||||||
.table-page-search-submitButtons {
|
.table-page-search-submitButtons {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 0px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -355,7 +356,7 @@ defineExpose({
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-form-item:not(.ant-form-item-with-help) {
|
.ant-form-item:not(.ant-form-item-with-help) {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 18px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue