<template>
|
<Modal
|
:model-value="modelValue"
|
title="Common Modal dialog box title"
|
class-name="data-table-add"
|
@update:model-value="(v) => this.$emit('update:modelValue', v)"
|
>
|
<Form :model="form" :label-width="110">
|
<template v-if="model != 'info'">
|
<FormItem label="仓库编码：">
|
<Input
|
v-model="form.WH_Code"
|
placeholder="Enter something..."
|
size="small"
|
></Input>
|
</FormItem>
|
<FormItem label="仓库名称：">
|
<Input
|
v-model="form.WH_Code"
|
placeholder="Enter something..."
|
size="small"
|
></Input>
|
</FormItem>
|
<FormItem label="仓库负责人：">
|
<Input
|
v-model="form.WH_Code"
|
placeholder="Enter something..."
|
size="small"
|
></Input>
|
</FormItem>
|
<FormItem label="仓库电话：">
|
<Input
|
v-model="form.WH_Code"
|
placeholder="Enter something..."
|
size="small"
|
></Input>
|
</FormItem>
|
<FormItem label="上级仓库编码：">
|
<Input
|
v-model="form.WH_Code"
|
placeholder="Enter something..."
|
size="small"
|
></Input>
|
</FormItem>
|
<FormItem label="地址：">
|
<Input
|
v-model="form.WH_Code"
|
placeholder="Enter something..."
|
size="small"
|
></Input>
|
</FormItem>
|
<FormItem>
|
<Checkbox v-model="form.WH_Code" size="small">是否本级</Checkbox>
|
</FormItem>
|
<FormItem>
|
<Checkbox v-model="form.WH_Code" size="small">是否代管</Checkbox>
|
</FormItem>
|
<FormItem>
|
<Checkbox v-model="form.WH_Code" size="small">是否启用</Checkbox>
|
</FormItem>
|
</template>
|
<template v-else>
|
<FormItem label="仓库编码："> 仓库编码 </FormItem>
|
<FormItem label="仓库名称："> 仓库名称 </FormItem>
|
<FormItem label="仓库负责人："> 仓库负责人 </FormItem>
|
<FormItem label="仓库电话："> 仓库电话 </FormItem>
|
<FormItem label="上级仓库编码："> 上级仓库编码 </FormItem>
|
<FormItem label="地址："> 地址 </FormItem>
|
<FormItem>
|
<Checkbox v-model="form.WH_Code" size="small" disabled
|
>是否本级</Checkbox
|
>
|
</FormItem>
|
<FormItem>
|
<Checkbox v-model="form.WH_Code" size="small" disabled
|
>是否代管</Checkbox
|
>
|
</FormItem>
|
<FormItem>
|
<Checkbox v-model="form.WH_Code" size="small" disabled
|
>是否启用</Checkbox
|
>
|
</FormItem>
|
</template>
|
</Form>
|
<template #footer>
|
<template v-if="model != 'info'">
|
<Space>
|
<Button type="text" @click="onCancel">取消</Button>
|
<Button type="primary" @click="onOk">确定</Button>
|
</Space>
|
</template>
|
<template v-else>
|
<Button type="primary" @click="onClose">关闭</Button>
|
</template>
|
</template>
|
</Modal>
|
</template>
|
|
<script>
|
export default {
|
name: "ExampleDataTableAdd",
|
props: {
|
modelValue: Boolean,
|
model: {
|
type: String,
|
default: () => "info",
|
},
|
},
|
data() {
|
return {
|
form: {},
|
};
|
},
|
methods: {
|
onOk() {},
|
onCancel() {},
|
onClose() {},
|
},
|
};
|
</script>
|
|
<style lang="less">
|
.data-table-add {
|
.ivu-modal {
|
top: 40px;
|
}
|
}
|
</style>
|
