调整库房信息各弹窗宽度
This commit is contained in:
parent
430a74f1e8
commit
c6dcf9068c
|
|
@ -178,17 +178,20 @@ export const columns4: BasicColumn[] = [
|
||||||
{
|
{
|
||||||
title: '库存数量',
|
title: '库存数量',
|
||||||
align: "center",
|
align: "center",
|
||||||
dataIndex: 'kcsl'
|
dataIndex: 'kcsl',
|
||||||
|
width:90
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '物料上限',
|
title: '物料上限',
|
||||||
align: "center",
|
align: "center",
|
||||||
dataIndex: 'upperLimit'
|
dataIndex: 'upperLimit',
|
||||||
|
width:90
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '物料下限',
|
title: '物料下限',
|
||||||
align: "center",
|
align: "center",
|
||||||
dataIndex: 'lowerLimit'
|
dataIndex: 'lowerLimit',
|
||||||
|
width:90
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -151,7 +151,7 @@ const labelCol = reactive({
|
||||||
xs: 24,
|
xs: 24,
|
||||||
sm: 4,
|
sm: 4,
|
||||||
xl: 6,
|
xl: 6,
|
||||||
xxl: 6
|
xxl: 7
|
||||||
});
|
});
|
||||||
const wrapperCol = reactive({
|
const wrapperCol = reactive({
|
||||||
xs: 24,
|
xs: 24,
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
|
<a-drawer :title="title" :width="width" v-model:visible="visible" :closable="true"
|
||||||
|
:footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @close="handleCancel">
|
||||||
<a-drawer :title="title" :width="width" v-model:visible="visible" :closable="true"
|
<BlWarehouseMaterialInfoList ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
|
||||||
:footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @close="handleCancel">
|
</BlWarehouseMaterialInfoList>
|
||||||
<BlWarehouseMaterialInfoList ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></BlWarehouseMaterialInfoList>
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<a-button type="primary" style="margin-right: 8px" @click="handleCancel">关闭</a-button>
|
<a-button type="primary" style="margin-right: 8px" @click="handleCancel">关闭</a-button>
|
||||||
<a-button type="primary" @click="handleOk" v-if="!disableSubmit">确认</a-button>
|
<a-button type="primary" @click="handleOk" v-if="!disableSubmit">确认</a-button>
|
||||||
|
|
@ -12,61 +11,61 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, nextTick, defineExpose } from 'vue';
|
import { ref, nextTick, defineExpose } from 'vue';
|
||||||
import BlWarehouseMaterialInfoList from './BlWarehouseMaterialInfoList.vue'
|
import BlWarehouseMaterialInfoList from './BlWarehouseMaterialInfoList.vue'
|
||||||
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
||||||
|
|
||||||
const title = ref<string>('');
|
|
||||||
const width = ref<string>('80%');
|
|
||||||
const visible = ref<boolean>(false);
|
|
||||||
const disableSubmit = ref<boolean>(false);
|
|
||||||
const registerForm = ref();
|
|
||||||
const emit = defineEmits(['register', 'success']);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 编辑
|
|
||||||
* @param record
|
|
||||||
*/
|
|
||||||
function init(record) {
|
|
||||||
title.value = '物料';
|
|
||||||
visible.value = true;
|
|
||||||
nextTick(() => {
|
|
||||||
registerForm.value.init(record);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 确定按钮点击事件
|
|
||||||
*/
|
|
||||||
function handleOk() {
|
|
||||||
registerForm.value.submitForm();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
const title = ref<string>('');
|
||||||
* form保存回调事件
|
const width = ref<string>('1400px');
|
||||||
*/
|
const visible = ref<boolean>(false);
|
||||||
function submitCallback() {
|
const disableSubmit = ref<boolean>(false);
|
||||||
handleCancel();
|
const registerForm = ref();
|
||||||
emit('success');
|
const emit = defineEmits(['register', 'success']);
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 取消按钮回调事件
|
* 编辑
|
||||||
*/
|
* @param record
|
||||||
function handleCancel() {
|
*/
|
||||||
visible.value = false;
|
function init(record) {
|
||||||
}
|
title.value = '物料';
|
||||||
|
visible.value = true;
|
||||||
defineExpose({
|
nextTick(() => {
|
||||||
init,
|
registerForm.value.init(record);
|
||||||
disableSubmit,
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 确定按钮点击事件
|
||||||
|
*/
|
||||||
|
function handleOk() {
|
||||||
|
registerForm.value.submitForm();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* form保存回调事件
|
||||||
|
*/
|
||||||
|
function submitCallback() {
|
||||||
|
handleCancel();
|
||||||
|
emit('success');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 取消按钮回调事件
|
||||||
|
*/
|
||||||
|
function handleCancel() {
|
||||||
|
visible.value = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
init,
|
||||||
|
disableSubmit,
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
/**隐藏样式-modal确定按钮 */
|
/**隐藏样式-modal确定按钮 */
|
||||||
.jee-hidden {
|
.jee-hidden {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang="less" scoped></style>
|
<style lang="less" scoped></style>
|
||||||
|
|
|
||||||
|
|
@ -94,7 +94,7 @@ import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectT
|
||||||
xs:24,
|
xs:24,
|
||||||
sm:4,
|
sm:4,
|
||||||
xl:6,
|
xl:6,
|
||||||
xxl:4
|
xxl:6
|
||||||
});
|
});
|
||||||
const wrapperCol = reactive({
|
const wrapperCol = reactive({
|
||||||
xs: 24,
|
xs: 24,
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@
|
||||||
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
||||||
|
|
||||||
const title = ref<string>('');
|
const title = ref<string>('');
|
||||||
const width = ref<string>('80%');
|
const width = ref<string>('1400px');
|
||||||
const visible = ref<boolean>(false);
|
const visible = ref<boolean>(false);
|
||||||
const disableSubmit = ref<boolean>(false);
|
const disableSubmit = ref<boolean>(false);
|
||||||
const registerForm = ref();
|
const registerForm = ref();
|
||||||
|
|
|
||||||
|
|
@ -113,7 +113,7 @@ import { defHttp } from '/@/utils/http/axios';
|
||||||
xs:24,
|
xs:24,
|
||||||
sm:4,
|
sm:4,
|
||||||
xl:6,
|
xl:6,
|
||||||
xxl:4
|
xxl:6
|
||||||
});
|
});
|
||||||
const wrapperCol = reactive({
|
const wrapperCol = reactive({
|
||||||
xs: 24,
|
xs: 24,
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
||||||
|
|
||||||
const title = ref<string>('');
|
const title = ref<string>('');
|
||||||
const width = ref<string>('80%');
|
const width = ref<string>('1400px');
|
||||||
const visible = ref<boolean>(false);
|
const visible = ref<boolean>(false);
|
||||||
const disableSubmit = ref<boolean>(false);
|
const disableSubmit = ref<boolean>(false);
|
||||||
const registerForm = ref();
|
const registerForm = ref();
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<CkfzrForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></CkfzrForm>
|
<CkfzrForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></CkfzrForm>
|
||||||
</j-modal> -->
|
</j-modal> -->
|
||||||
|
|
||||||
<a-drawer :title="title" width="50vw" v-model:visible="visible" :closable="true"
|
<a-drawer :title="title" width="800px" v-model:visible="visible" :closable="true"
|
||||||
:footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @cancel="handleCancel">
|
:footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @cancel="handleCancel">
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<a-button @click="handleCancel" style="margin-right: 8px;">关闭</a-button>
|
<a-button @click="handleCancel" style="margin-right: 8px;">关闭</a-button>
|
||||||
|
|
|
||||||
|
|
@ -113,7 +113,7 @@ import { defHttp } from '/@/utils/http/axios';
|
||||||
xs:24,
|
xs:24,
|
||||||
sm:4,
|
sm:4,
|
||||||
xl:6,
|
xl:6,
|
||||||
xxl:4
|
xxl:6
|
||||||
});
|
});
|
||||||
const wrapperCol = reactive({
|
const wrapperCol = reactive({
|
||||||
xs: 24,
|
xs: 24,
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
|
||||||
|
|
||||||
const title = ref<string>('');
|
const title = ref<string>('');
|
||||||
const width = ref<string>('80%');
|
const width = ref<string>('1400px');
|
||||||
const visible = ref<boolean>(false);
|
const visible = ref<boolean>(false);
|
||||||
const disableSubmit = ref<boolean>(false);
|
const disableSubmit = ref<boolean>(false);
|
||||||
const registerForm = ref();
|
const registerForm = ref();
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue