feat(dialog): 添加对话框初始全屏配置功能

This commit is contained in:
zxy 2026-05-21 17:32:11 +08:00
parent e0950b63a2
commit bd434cf25e
5 changed files with 36 additions and 35 deletions

View File

@ -9,6 +9,7 @@ const props = defineProps({
modelValue: propTypes.bool.def(false),
title: propTypes.string.def('Dialog'),
fullscreen: propTypes.bool.def(true),
initialFullscreen: propTypes.bool.def(false), //
width: propTypes.oneOfType([String, Number]).def('40%'),
scroll: propTypes.bool.def(false), // maxHeight
maxHeight: propTypes.oneOfType([String, Number]).def('400px')
@ -26,7 +27,7 @@ const getBindValue = computed(() => {
return obj
})
const isFullscreen = ref(false)
const isFullscreen = ref(props.initialFullscreen)
const toggleFull = () => {
isFullscreen.value = !unref(isFullscreen)

View File

@ -152,23 +152,23 @@
</div>
</template>
<el-table :data="itemList" show-summary border :summary-method="getSummary" row-key="materialId">
<el-table-column label="序号" type="index" width="60px" align="center" />
<el-table-column label="物料编码(*)" prop="materialCode" width="120px" align="center">
<el-table-column label="序号" type="index" min-width="60px" align="center" />
<el-table-column label="物料编码(*)" prop="materialCode" min-width="120px" align="center">
<template #default="scope">
{{ scope.row.materialCode}}
</template>
</el-table-column>
<el-table-column label="物料名称" prop="materialName" width="150px" align="center">
<el-table-column label="物料名称" prop="materialName" min-width="150px" align="center">
<template #default="scope">
{{ scope.row.materialName}}
</template>
</el-table-column>
<el-table-column label="规格型号" prop="spec" width="100px" align="center">
<el-table-column label="规格型号" prop="spec" min-width="100px" align="center">
<template #default="scope">
{{ scope.row.spec}}
</template>
</el-table-column>
<el-table-column label="采购数量(*)" prop="purQty" width="120px" align="center">
<el-table-column label="采购数量(*)" prop="purQty" min-width="120px" align="center">
<template #default="scope">
<MoneyInput
v-model="scope.row.purQty"
@ -180,7 +180,7 @@
/>
</template>
</el-table-column>
<el-table-column label="要求到货日期" prop="reqDeliveryDate" width="180px" align="center">
<el-table-column label="要求到货日期" prop="reqDeliveryDate" min-width="180px" align="center">
<template #default="scope">
<el-date-picker
v-model="scope.row.reqDeliveryDate"
@ -192,7 +192,7 @@
/>
</template>
</el-table-column>
<el-table-column label="含税单价" prop="priceTax" width="150px" align="center">
<el-table-column label="含税单价" prop="priceTax" min-width="150px" align="center">
<template #default="scope">
<MoneyInput
v-model="scope.row.priceTax"
@ -203,7 +203,7 @@
/>
</template>
</el-table-column>
<el-table-column label="税率" prop="taxRatio" width="95px" align="center">
<el-table-column label="税率" prop="taxRatio" min-width="95px" align="center">
<template #default="scope">
<MoneyInput
v-model="scope.row.taxRatio"
@ -214,7 +214,7 @@
/>
</template>
</el-table-column>
<el-table-column label="含税总价" prop="totalPrice" width="150px" align="center">
<el-table-column label="含税总价" prop="totalPrice" min-width="150px" align="center">
<template #default="scope">
<MoneyInput
v-model="scope.row.totalPrice"
@ -227,17 +227,17 @@
</template>
</el-table-column>
<el-table-column label="单位" prop="unit" width="70px" align="center">
<el-table-column label="单位" prop="unit" min-width="70px" align="center">
<template #default="scope">
{{ getUnitName(scope.row.unit) }}
</template>
</el-table-column>
<el-table-column label="备注" prop="remark" width="150px" align="center">
<el-table-column label="备注" prop="remark" min-width="150px" align="center">
<template #default="scope">
<el-input v-model="scope.row.remark" placeholder="请输入" />
</template>
</el-table-column>
<el-table-column label="操作" width="70px" align="center">
<el-table-column label="操作" min-width="70px" align="center">
<template #default="scope" >
<el-button link type="danger" @click="removeItem(scope.$index)" >删除</el-button>
</template>

View File

@ -1,5 +1,5 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="1500px">
<Dialog :title="dialogTitle" v-model="dialogVisible" :initial-fullscreen="true" width="1500px" :max-height="800">
<el-form
ref="formRef"
:model="formData"

View File

@ -124,16 +124,16 @@
<span>产品信息</span>
</template>
<el-table :data="productList" show-summary border :summary-method="getSummary">
<el-table-column label="序号" type="index" width="60px" align="center" />
<el-table-column label="仓库" prop="warehouse" width="150px" align="center" />
<el-table-column label="库区" prop="warehouseArea" width="150px" align="center" />
<el-table-column label="批次号" prop="batchNo" width="150px" align="center" />
<el-table-column label="库存数量" prop="stockQty" width="150px" align="center" />
<el-table-column label="库存袋数" prop="stockBag" width="150px" align="center" />
<el-table-column label="单袋规格" prop="bagSpec" width="150px" align="center" />
<el-table-column label="发货袋数" prop="deliveriedBag" width="120px" align="center" />
<el-table-column label="发货数量" prop="deliveriedQty" width="120px" align="center" />
<el-table-column label="备注" prop="remark" width="120px" align="center" />
<el-table-column label="序号" type="index" min-width="60px" align="center" />
<el-table-column label="仓库" prop="warehouse" min-width="150px" align="center" />
<el-table-column label="库区" prop="warehouseArea" min-width="150px" align="center" />
<el-table-column label="批次号" prop="batchNo" min-width="150px" align="center" />
<el-table-column label="库存数量" prop="stockQty" min-width="150px" align="center" />
<el-table-column label="库存袋数" prop="stockBag" min-width="150px" align="center" />
<el-table-column label="单袋规格" prop="bagSpec" min-width="150px" align="center" />
<el-table-column label="发货袋数" prop="deliveriedBag" min-width="120px" align="center" />
<el-table-column label="发货数量" prop="deliveriedQty" min-width="120px" align="center" />
<el-table-column label="备注" prop="remark" min-width="120px" align="center" />
</el-table>
</el-card>
</el-form>

View File

@ -153,38 +153,38 @@
</div>
</template>
<el-table :data="productList" show-summary border :summary-method="getSummary">
<el-table-column label="序号" type="index" width="60px" align="center" />
<el-table-column label="仓库(*)" prop="warehouse" width="150px" align="center">
<el-table-column label="序号" type="index" min-width="60px" align="center" />
<el-table-column label="仓库(*)" prop="warehouse" min-width="150px" align="center">
<template #default="scope">
{{ scope.row.warehouse }}
</template>
</el-table-column>
<el-table-column label="库区(*)" prop="warehouseArea" width="150px" align="center">
<el-table-column label="库区(*)" prop="warehouseArea" min-width="150px" align="center">
<template #default="scope">
{{ scope.row.warehouseArea }}
</template>
</el-table-column>
<el-table-column label="批次号(*)" prop="batchNo" width="150px" align="center">
<el-table-column label="批次号(*)" prop="batchNo" min-width="150px" align="center">
<template #default="scope">
{{ scope.row.batchNo }}
</template>
</el-table-column>
<el-table-column label="库存数量" prop="stockQty" width="150px" align="center">
<el-table-column label="库存数量" prop="stockQty" min-width="150px" align="center">
<template #default="scope">
{{ scope.row.stockQty }}
</template>
</el-table-column>
<el-table-column label="库存袋数" prop="stockBag" width="150px" align="center">
<el-table-column label="库存袋数" prop="stockBag" min-width="150px" align="center">
<template #default="scope">
{{ scope.row.stockBag }}
</template>
</el-table-column>
<el-table-column label="单袋规格" prop="bagSpec" width="150px" align="center">
<el-table-column label="单袋规格" prop="bagSpec" min-width="150px" align="center">
<template #default="scope">
{{ scope.row.bagSpec }}
</template>
</el-table-column>
<el-table-column label="发货袋数(*)" prop="deliveriedBag" width="120px" align="center">
<el-table-column label="发货袋数(*)" prop="deliveriedBag" min-width="120px" align="center">
<template #default="scope">
<MoneyInput
v-model="scope.row.deliveriedBag"
@ -196,7 +196,7 @@
/>
</template>
</el-table-column>
<el-table-column label="发货数量(*)" prop="deliveriedQty" width="120px" align="center">
<el-table-column label="发货数量(*)" prop="deliveriedQty" min-width="120px" align="center">
<template #default="scope">
<MoneyInput
v-model="scope.row.deliveriedQty"
@ -207,12 +207,12 @@
/>
</template>
</el-table-column>
<el-table-column label="备注" prop="remark" width="120px" align="center">
<el-table-column label="备注" prop="remark" min-width="120px" align="center">
<template #default="scope">
<el-input v-model="scope.row.remark" />
</template>
</el-table-column>
<el-table-column label="操作" width="80px" align="center">
<el-table-column label="操作" min-width="80px" align="center">
<template #default="scope">
<el-button
link