二级弹出框尺寸调整

This commit is contained in:
GYYM
2024-11-08 09:21:18 +08:00
parent 760eb7c993
commit 6a1fa6458e
4 changed files with 35 additions and 19 deletions

View File

@@ -2,12 +2,12 @@
<el-dialog class='table-box' <el-dialog class='table-box'
v-model='dialogVisible' v-model='dialogVisible'
top='114px' top='114px'
:style="{height:height,maxHeight:height,overflow:'hidden'}" :style="{ height: height+'px', maxHeight: height+'px', overflow: 'hidden' }"
:title='title' :title='title'
:width='width' :width='width'
:modal='false'> :modal='false'>
<div class='table-box'> <div class='table-box' :style="{height:(height-64)+'px',maxHeight:(height-64)+'px',overflow:'hidden'}">
<ProTable <ProTable
ref='proTable' ref='proTable'
:columns='columns' :columns='columns'
@@ -128,14 +128,15 @@
defineExpose({ open }) defineExpose({ open })
const props = defineProps({ const props = defineProps({
width: { width: {
type: String, type: Number,
default: '800px', default: 800,
}, },
height: { height: {
type: String, type: Number,
default: '744px', default: 744,
}, },
}) })
</script> </script>

View File

@@ -3,11 +3,11 @@
<el-dialog class='table-box' <el-dialog class='table-box'
v-model='dialogVisible' v-model='dialogVisible'
top='114px' top='114px'
:style="{height:height,maxHeight:height,overflow:'hidden'}" :style="{ height: height+'px', maxHeight: height+'px', overflow: 'hidden' }"
:title='title' :title='title'
:width='width' :width='width'
:modal='false'> :modal='false'>
<div class='table-box'> <div class='table-box' :style="{height:(height-64)+'px',maxHeight:(height-64)+'px',overflow:'hidden'}">
<ProTable <ProTable
ref='proTable' ref='proTable'
:columns='columns' :columns='columns'
@@ -89,12 +89,12 @@
const props = defineProps({ const props = defineProps({
width: { width: {
type: String, type: Number,
default: '800px', default: 800,
}, },
height: { height: {
type: String, type: Number,
default: '744px', default: 744,
}, },
}) })

View File

@@ -2,12 +2,12 @@
<el-dialog class='table-box' <el-dialog class='table-box'
v-model='dialogVisible' v-model='dialogVisible'
top='114px' top='114px'
:style="{height:height,maxHeight:height,overflow:'hidden'}" :style="{ height: height+'px', maxHeight: height+'px', overflow: 'hidden' }"
:title='title' :title='title'
:width='width' :width='width'
:modal='false'> :modal='false'>
<div class='table-box'> <div class='table-box' :style="{height:(height-64)+'px',maxHeight:(height-64)+'px',overflow:'hidden'}">
<ProTable <ProTable
ref='proTable' ref='proTable'
:columns='columns' :columns='columns'
@@ -114,13 +114,14 @@
const props = defineProps({ const props = defineProps({
width: { width: {
type: String, type: Number,
default: '800px', default: 800,
}, },
height: { height: {
type: String, type: Number,
default: '744px', default: 744,
}, },
}) })
</script> </script>

View File

@@ -151,7 +151,21 @@ const columns = reactive<ColumnProps<Plan.PlanBO>[]>([
enum: testFatherPlanList, enum: testFatherPlanList,
fieldNames: { label: 'label', value: 'id' }, fieldNames: { label: 'label', value: 'id' },
}, },
{ prop: 'operation', label: '操作', fixed: 'right' ,width: 500, }, // {
// prop: 'create_Time',
// label: '记录时间',
// minWidth: 180,
// search: {
// span: 2,
// render: () => {
// return (
// <div class='flx-flex-start'>
// </div>
// )
// },
// },
// },
{ prop: 'operation', label: '操作', fixed: 'right' ,width: 450, },
]) ])