style:任务单排产-排产弹框样式调整

pull/1/head
黄伟杰 4 weeks ago
parent b7d52c84a3
commit 40967ed200

@ -9,13 +9,14 @@ 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: propTypes.oneOfType([String, Number]).def('400px') maxHeight: propTypes.oneOfType([String, Number]).def('400px')
}) })
const getBindValue = computed(() => { const getBindValue = computed(() => {
const delArr: string[] = ['fullscreen', 'title', 'maxHeight', 'appendToBody'] const delArr: string[] = ['fullscreen', 'initialFullscreen', 'title', 'maxHeight', 'appendToBody']
const attrs = useAttrs() const attrs = useAttrs()
const obj = { ...attrs, ...props } const obj = { ...attrs, ...props }
for (const key in obj) { for (const key in obj) {
@ -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)

@ -1,5 +1,5 @@
<template> <template>
<Dialog v-model="dialogVisible" title="排产" width="80%" destroy-on-close align-center> <Dialog v-model="dialogVisible" title="排产" :initialFullscreen="true" destroy-on-close>
<div class="flex items-center gap-20px mb-16px"> <div class="flex items-center gap-20px mb-16px">
<div class="flex items-center gap-8px"> <div class="flex items-center gap-8px">
<span class="text-red-500">*</span> <span class="text-red-500">*</span>
@ -33,6 +33,7 @@
<span>是否跳过节假日</span> <span>是否跳过节假日</span>
<el-switch v-model="searchForm.skipHoliday" /> <el-switch v-model="searchForm.skipHoliday" />
</div> </div>
<el-button type="primary" :loading="submitLoading" @click="handleSubmit" class="ml-auto">确认排产</el-button>
</div> </div>
<div class="border border-solid border-gray-200 rounded p-16px mt-16px"> <div class="border border-solid border-gray-200 rounded p-16px mt-16px">
@ -177,10 +178,6 @@
</el-table> </el-table>
</div> </div>
<template #footer>
<el-button type="primary" :loading="submitLoading" @click="handleSubmit"></el-button>
<el-button @click="dialogVisible = false">取消</el-button>
</template>
</Dialog> </Dialog>
<TaskSchedulePreviewDialog <TaskSchedulePreviewDialog

Loading…
Cancel
Save