From dad44b84ab21f9d1f860760a045015f1cab0aaec Mon Sep 17 00:00:00 2001
From: zrlibs <jesting_rr@163.com>
Date: 星期三, 19 三月 2025 10:57:14 +0800
Subject: [PATCH] fixed
---
src/views/examples/data-table/dialogs/info.vue | 132 ++++++++++++++++++++++++++++---------------
1 files changed, 85 insertions(+), 47 deletions(-)
diff --git a/src/views/examples/data-table/dialogs/info.vue b/src/views/examples/data-table/dialogs/info.vue
index 79e9c06..ab53179 100644
--- a/src/views/examples/data-table/dialogs/info.vue
+++ b/src/views/examples/data-table/dialogs/info.vue
@@ -8,86 +8,63 @@
<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>
+ <Input v-model="form.code" size="small"></Input>
</FormItem>
<FormItem label="浠撳簱鍚嶇О锛�>
- <Input
- v-model="form.WH_Code"
- placeholder="Enter something..."
- size="small"
- ></Input>
+ <Input v-model="form.name" size="small"></Input>
</FormItem>
<FormItem label="浠撳簱璐熻矗浜猴細">
- <Input
- v-model="form.WH_Code"
- placeholder="Enter something..."
- size="small"
- ></Input>
+ <Input v-model="form.leader" size="small"></Input>
</FormItem>
<FormItem label="浠撳簱鐢佃瘽锛�>
- <Input
- v-model="form.WH_Code"
- placeholder="Enter something..."
- size="small"
- ></Input>
+ <Input v-model="form.tel" size="small"></Input>
</FormItem>
<FormItem label="涓婄骇浠撳簱缂栫爜锛�>
- <Input
- v-model="form.WH_Code"
- placeholder="Enter something..."
- size="small"
- ></Input>
+ <Input v-model="form.topCode" size="small"></Input>
</FormItem>
<FormItem label="鍦板潃锛�>
- <Input
- v-model="form.WH_Code"
- placeholder="Enter something..."
- size="small"
- ></Input>
+ <Input v-model="form.address" size="small"></Input>
</FormItem>
<FormItem>
- <Checkbox v-model="form.WH_Code" size="small">鏄惁鏈骇</Checkbox>
+ <Checkbox v-model="form.isThisLevel" size="small">鏄惁鏈骇</Checkbox>
</FormItem>
<FormItem>
- <Checkbox v-model="form.WH_Code" size="small">鏄惁浠ｇ</Checkbox>
+ <Checkbox v-model="form.isEscrow" size="small">鏄惁浠ｇ</Checkbox>
</FormItem>
<FormItem>
- <Checkbox v-model="form.WH_Code" size="small">鏄惁鍚敤</Checkbox>
+ <Checkbox v-model="form.isEnable" 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 label="浠撳簱缂栫爜锛�> {{ this.form.code }} </FormItem>
+ <FormItem label="浠撳簱鍚嶇О锛�> {{ this.form.name }} </FormItem>
+ <FormItem label="浠撳簱璐熻矗浜猴細"> {{ this.form.leader }} </FormItem>
+ <FormItem label="浠撳簱鐢佃瘽锛�> {{ this.form.tel }} </FormItem>
+ <FormItem label="涓婄骇浠撳簱缂栫爜锛�> {{ this.form.topCode }} </FormItem>
+ <FormItem label="鍦板潃锛�> {{ this.form.address }} </FormItem>
<FormItem>
- <Checkbox v-model="form.WH_Code" size="small" disabled
+ <Checkbox v-model="form.isThisLevel" size="small" disabled
>鏄惁鏈骇</Checkbox
>
</FormItem>
<FormItem>
- <Checkbox v-model="form.WH_Code" size="small" disabled
+ <Checkbox v-model="form.isEscrow" size="small" disabled
>鏄惁浠ｇ</Checkbox
>
</FormItem>
<FormItem>
- <Checkbox v-model="form.WH_Code" size="small" disabled
+ <Checkbox v-model="form.isEnable" size="small" disabled
>鏄惁鍚敤</Checkbox
>
</FormItem>
</template>
+ <Spin fix :show="loading" />
</Form>
<template #footer>
<template v-if="model != 'info'">
<Space>
<Button type="text" @click="onCancel">鍙栨秷</Button>
- <Button type="primary" @click="onOk">纭畾</Button>
+ <Button type="primary" @click="onOk" :loading="loading">纭畾</Button>
</Space>
</template>
<template v-else>
@@ -106,16 +83,64 @@
type: String,
default: () => "info",
},
+ dataId: String,
},
data() {
return {
- form: {},
+ form: {
+ code: "",
+ name: "",
+ leader: "",
+ tel: "",
+ topCode: "",
+ address: "",
+ isThisLevel: false,
+ isEscrow: false,
+ isEnable: false,
+ },
+ loading: false,
};
},
methods: {
- onOk() {},
- onCancel() {},
- onClose() {},
+ onOk() {
+ this.loading = true;
+ setTimeout(() => {
+ this.loading = false;
+ this.onClose();
+ }, 2000);
+ },
+ onCancel() {
+ this.onClose();
+ },
+ onClose() {
+ this.$emit("update:modelValue", false);
+ },
+ loadData() {
+ if (!this.dataId) this.clear();
+ else this.loadFormData();
+ },
+ loadFormData() {
+ let data = this.$parent.data.find((d) => d.code == this.dataId);
+ Object.assign(this.form, data);
+ },
+ clear() {
+ this.code = "";
+ this.name = "";
+ this.leader = "";
+ this.tel = "";
+ this.topCode = "";
+ this.address = "";
+ this.isThisLevel = false;
+ this.isEscrow = false;
+ this.isEnable = false;
+ },
+ },
+ watch: {
+ modelValue(visible) {
+ if (visible) {
+ this.loadData();
+ }
+ },
},
};
</script>
@@ -125,5 +150,18 @@
.ivu-modal {
top: 40px;
}
+ .ivu-checkbox-input[disabled] {
+ cursor: default;
+ }
+ .ivu-checkbox-disabled .ivu-checkbox-inner {
+ border-color: #666;
+ background-color: #fff;
+ }
+ .ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner:after {
+ border-color: #666;
+ }
+ .ivu-checkbox-disabled + span {
+ color: #666;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1