zhouy/chem_mes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
mes-ui/mes-ui-admin-vue3/src/components/Dialog/src/Dialog.vue
View File

@ -9,6 +9,7 @@ const props = defineProps({
modelValue: propTypes.bool.def(false), modelValue: propTypes.bool.def(false),
title: propTypes.string.def('Dialog'), title: propTypes.string.def('Dialog'),
fullscreen: propTypes.bool.def(true), fullscreen: propTypes.bool.def(true),
initialFullscreen: propTypes.bool.def(false), // 初始是否全屏
width: propTypes.oneOfType([String, Number]).def('40%'), width: propTypes.oneOfType([String, Number]).def('40%'),
scroll: propTypes.bool.def(false), // 是否开启滚动条。如果是的话，按照 maxHeight 设置最大高度 scroll: propTypes.bool.def(false), // 是否开启滚动条。如果是的话，按照 maxHeight 设置最大高度
maxHeight: propTypes.oneOfType([String, Number]).def('400px') maxHeight: propTypes.oneOfType([String, Number]).def('400px')
@ -26,7 +27,7 @@ const getBindValue = computed(() => {
return obj return obj
}) })
const isFullscreen = ref(false) const isFullscreen = ref(props.initialFullscreen)
const toggleFull = () => { const toggleFull = () => {
isFullscreen.value = !unref(isFullscreen) isFullscreen.value = !unref(isFullscreen)

24
mes-ui/mes-ui-admin-vue3/src/views/biz/purorder/PurOrderForm.vue
View File

@ -152,23 +152,23 @@
</div> </div>
</template> </template>
<el-table :data="itemList" show-summary border :summary-method="getSummary" row-key="materialId"> <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="序号" type="index" min-width="60px" align="center" />
<el-table-column label="物料编码(*)" prop="materialCode" width="120px" align="center"> <el-table-column label="物料编码(*)" prop="materialCode" min-width="120px" align="center">
<template #default="scope"> <template #default="scope">
{{ scope.row.materialCode}} {{ scope.row.materialCode}}
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ scope.row.materialName}} {{ scope.row.materialName}}
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ scope.row.spec}} {{ scope.row.spec}}
</template> </template>
</el-table-column> </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"> <template #default="scope">
<MoneyInput <MoneyInput
v-model="scope.row.purQty" v-model="scope.row.purQty"
@ -180,7 +180,7 @@
/> />
</template> </template>
</el-table-column> </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"> <template #default="scope">
<el-date-picker <el-date-picker
v-model="scope.row.reqDeliveryDate" v-model="scope.row.reqDeliveryDate"
@ -192,7 +192,7 @@
/> />
</template> </template>
</el-table-column> </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"> <template #default="scope">
<MoneyInput <MoneyInput
v-model="scope.row.priceTax" v-model="scope.row.priceTax"
@ -203,7 +203,7 @@
/> />
</template> </template>
</el-table-column> </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"> <template #default="scope">
<MoneyInput <MoneyInput
v-model="scope.row.taxRatio" v-model="scope.row.taxRatio"
@ -214,7 +214,7 @@
/> />
</template> </template>
</el-table-column> </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"> <template #default="scope">
<MoneyInput <MoneyInput
v-model="scope.row.totalPrice" v-model="scope.row.totalPrice"
@ -227,17 +227,17 @@
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ getUnitName(scope.row.unit) }} {{ getUnitName(scope.row.unit) }}
</template> </template>
</el-table-column> </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"> <template #default="scope">
<el-input v-model="scope.row.remark" placeholder="请输入" /> <el-input v-model="scope.row.remark" placeholder="请输入" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="70px" align="center"> <el-table-column label="操作" min-width="70px" align="center">
<template #default="scope" > <template #default="scope" >
<el-button link type="danger" @click="removeItem(scope.$index)" >删除</el-button> <el-button link type="danger" @click="removeItem(scope.$index)" >删除</el-button>
</template> </template>

2
mes-ui/mes-ui-admin-vue3/src/views/biz/purreceipt/PurReceiptForm.vue
View File

@ -1,5 +1,5 @@
<template> <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 <el-form
ref="formRef" ref="formRef"
:model="formData" :model="formData"

20
mes-ui/mes-ui-admin-vue3/src/views/biz/saledelivery/SaleDeliveryDetail.vue
View File

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

22
mes-ui/mes-ui-admin-vue3/src/views/biz/saledelivery/SaleDeliveryForm.vue
View File

@ -153,38 +153,38 @@
</div> </div>
</template> </template>
<el-table :data="productList" show-summary border :summary-method="getSummary"> <el-table :data="productList" show-summary border :summary-method="getSummary">
<el-table-column label="序号" type="index" width="60px" align="center" /> <el-table-column label="序号" type="index" min-width="60px" align="center" />
<el-table-column label="仓库(*)" prop="warehouse" width="150px" align="center"> <el-table-column label="仓库(*)" prop="warehouse" min-width="150px" align="center">
<template #default="scope"> <template #default="scope">
{{ scope.row.warehouse }} {{ scope.row.warehouse }}
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ scope.row.warehouseArea }} {{ scope.row.warehouseArea }}
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ scope.row.batchNo }} {{ scope.row.batchNo }}
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ scope.row.stockQty }} {{ scope.row.stockQty }}
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ scope.row.stockBag }} {{ scope.row.stockBag }}
</template> </template>
</el-table-column> </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"> <template #default="scope">
{{ scope.row.bagSpec }} {{ scope.row.bagSpec }}
</template> </template>
</el-table-column> </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"> <template #default="scope">
<MoneyInput <MoneyInput
v-model="scope.row.deliveriedBag" v-model="scope.row.deliveriedBag"
@ -196,7 +196,7 @@
/> />
</template> </template>
</el-table-column> </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"> <template #default="scope">
<MoneyInput <MoneyInput
v-model="scope.row.deliveriedQty" v-model="scope.row.deliveriedQty"
@ -207,12 +207,12 @@
/> />
</template> </template>
</el-table-column> </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"> <template #default="scope">
<el-input v-model="scope.row.remark" /> <el-input v-model="scope.row.remark" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="80px" align="center"> <el-table-column label="操作" min-width="80px" align="center">
<template #default="scope"> <template #default="scope">
<el-button <el-button
link link