hgwms-2098 fix 策略参数弹窗修改

hwork-master
A0066811 2025-11-07 14:21:38 +08:00
parent 65b8f5d368
commit d7c8e2758b
4 changed files with 762 additions and 645 deletions

File diff suppressed because it is too large Load Diff

View File

@ -11,28 +11,40 @@
ref="formRef" ref="formRef"
:model="formState" :model="formState"
:rules="formRules" :rules="formRules"
:label-col="labelCol" layout="vertical"
:wrapper-col="wrapperCol"> >
<a-form-item ref="name" label="描述" name="name"> <a-row :gutter="[16, 0]">
<a-textarea v-model:value="formState.name" /> <a-col :span="24">
</a-form-item> <a-form-item ref="name" label="描述" name="name">
<a-form-item ref="code" label="编号" name="code"> <a-textarea v-model:value="formState.name" />
<a-input v-model:value="formState.code" /> </a-form-item>
</a-form-item> </a-col>
<a-form-item ref="value" label="值" name="value"> <a-col :span="24">
<a-textarea v-model:value="formState.value" /> <a-form-item ref="code" label="编号" name="code">
</a-form-item> <a-input v-model:value="formState.code" />
<a-form-item label="状态" name="enable"> </a-form-item>
<a-switch v-model:checked="formState.enable" /> </a-col>
</a-form-item> <a-col :span="24">
<a-form-item label="备注" name="remark"> <a-form-item ref="value" label="值" name="value">
<a-textarea v-model:value="formState.remark" /> <a-textarea v-model:value="formState.value" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="状态" name="enable">
<a-switch v-model:checked="formState.enable" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="备注" name="remark">
<a-textarea v-model:value="formState.remark" />
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
</a-modal> </a-modal>
</template> </template>
<script> <script>
import { message } from '@hwork/ant-design-vue'; import { message } from "@hwork/ant-design-vue";
import { edit } from "@/api/module/config"; import { edit } from "@/api/module/config";
import { defineComponent, reactive, ref, toRaw, watch } from "vue"; import { defineComponent, reactive, ref, toRaw, watch } from "vue";
@ -44,29 +56,28 @@ export default defineComponent({
}, },
record: { record: {
type: Object, type: Object,
} },
}, },
emit: ["close"], emit: ["close"],
setup(props, context) { setup(props, context) {
const formRef = ref(); const formRef = ref();
let formState = reactive({}); let formState = reactive({});
const formRules = { const formRules = {
name: [{ required: true, message: '请输入配置描述', trigger: 'blur'}], name: [{ required: true, message: "请输入配置描述", trigger: "blur" }],
code: [{ required: true, message: '请输入配置编号', trigger: 'blur'}], code: [{ required: true, message: "请输入配置编号", trigger: "blur" }],
value: [{ required: true, message: '请输入配置值', trigger: 'blur'}] value: [{ required: true, message: "请输入配置值", trigger: "blur" }],
}; };
watch(props,(props) => { watch(props, (props) => {
formState.id = props.record.id formState.id = props.record.id;
formState.name = props.record.name formState.name = props.record.name;
formState.code = props.record.code formState.code = props.record.code;
formState.value = props.record.value formState.value = props.record.value;
formState.remark = props.record.remark formState.remark = props.record.remark;
formState.enable = props.record.enable formState.enable = props.record.enable;
}) });
const submit = (e) => { const submit = (e) => {
message.loading({ message.loading({
@ -78,21 +89,25 @@ export default defineComponent({
.then(() => { .then(() => {
edit(toRaw(formState)).then((response) => { edit(toRaw(formState)).then((response) => {
if (response.success) { if (response.success) {
message.success({ message
content: "保存成功", .success({
key, content: "保存成功",
duration: 1, key,
}).then(()=>{ duration: 1,
cancel(); })
}); .then(() => {
cancel();
});
} else { } else {
message.error({ message
content: "保存失败", .error({
key, content: "保存失败",
duration: 1, key,
}).then(()=>{ duration: 1,
cancel(); })
}); .then(() => {
cancel();
});
} }
}); });
}) })
@ -112,10 +127,10 @@ export default defineComponent({
formRef, formRef,
formState, formState,
formRules, formRules,
labelCol: { span: 6 }, labelCol: { span: 6 },
wrapperCol: { span: 18 }, wrapperCol: { span: 18 },
}; };
}, },
}); });
</script> </script>

View File

@ -11,23 +11,35 @@
ref="formRef" ref="formRef"
:model="formState" :model="formState"
:rules="formRules" :rules="formRules"
:label-col="labelCol" layout="vertical"
:wrapper-col="wrapperCol"> >
<a-form-item ref="name" label="描述" name="name"> <a-row :gutter="[16, 0]">
<a-textarea v-model:value="formState.name" /> <a-col :span="24">
</a-form-item> <a-form-item ref="name" label="描述" name="name">
<a-form-item ref="code" label="编号" name="code"> <a-textarea v-model:value="formState.name" />
<a-input v-model:value="formState.code" /> </a-form-item>
</a-form-item> </a-col>
<a-form-item ref="value" label="值" name="value"> <a-col :span="24">
<a-textarea v-model:value="formState.value" /> <a-form-item ref="code" label="编号" name="code">
</a-form-item> <a-input v-model:value="formState.code" />
<a-form-item label="状态" name="enable"> </a-form-item>
<a-switch v-model:checked="formState.enable" /> </a-col>
</a-form-item> <a-col :span="24">
<a-form-item label="备注" name="remark"> <a-form-item ref="value" label="值" name="value">
<a-textarea v-model:value="formState.remark" /> <a-textarea v-model:value="formState.value" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="状态" name="enable">
<a-switch v-model:checked="formState.enable" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="备注" name="remark">
<a-textarea v-model:value="formState.remark" />
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
</a-modal> </a-modal>
</template> </template>
@ -42,29 +54,28 @@ export default defineComponent({
}, },
record: { record: {
type: Object, type: Object,
} },
}, },
emit: ["close"], emit: ["close"],
setup(props, context) { setup(props, context) {
const formRef = ref(); const formRef = ref();
let formState = reactive({}); let formState = reactive({});
const formRules = { const formRules = {
name: [{ required: true, message: '请输入配置描述', trigger: 'blur'}], name: [{ required: true, message: "请输入配置描述", trigger: "blur" }],
code: [{ required: true, message: '请输入配置编号', trigger: 'blur'}], code: [{ required: true, message: "请输入配置编号", trigger: "blur" }],
value: [{ required: true, message: '请输入配置值', trigger: 'blur'}] value: [{ required: true, message: "请输入配置值", trigger: "blur" }],
}; };
watch(props,(props) => { watch(props, (props) => {
formState.id = props.record.id formState.id = props.record.id;
formState.name = props.record.name formState.name = props.record.name;
formState.code = props.record.code formState.code = props.record.code;
formState.value = props.record.value formState.value = props.record.value;
formState.remark = props.record.remark formState.remark = props.record.remark;
formState.enable = props.record.enable formState.enable = props.record.enable;
}) });
const submit = (e) => { const submit = (e) => {
formRef.value.resetFields(); formRef.value.resetFields();
@ -82,10 +93,10 @@ export default defineComponent({
formRef, formRef,
formState, formState,
formRules, formRules,
labelCol: { span: 6 }, labelCol: { span: 6 },
wrapperCol: { span: 18 }, wrapperCol: { span: 18 },
}; };
}, },
}); });
</script> </script>

View File

@ -11,24 +11,35 @@
ref="formRef" ref="formRef"
:model="formState" :model="formState"
:rules="formRules" :rules="formRules"
:label-col="labelCol" layout="vertical"
:wrapper-col="wrapperCol"
> >
<a-form-item ref="name" label="名称" name="name"> <a-row :gutter="[16, 0]">
<a-input v-model:value="formState.name" /> <a-col :span="12">
</a-form-item> <a-form-item ref="name" label="名称" name="name">
<a-form-item ref="code" label="编号" name="code"> <a-input v-model:value="formState.name" />
<a-input v-model:value="formState.code" /> </a-form-item>
</a-form-item> </a-col>
<a-form-item ref="value" label="值" name="value"> <a-col :span="12">
<a-input v-model:value="formState.value" /> <a-form-item ref="code" label="编号" name="code">
</a-form-item> <a-input v-model:value="formState.code" />
<a-form-item label="状态" name="enable"> </a-form-item>
<a-switch v-model:checked="formState.enable" /> </a-col>
</a-form-item> <a-col :span="12">
<a-form-item label="备注" name="remark"> <a-form-item ref="value" label="值" name="value">
<a-textarea v-model:value="formState.remark" /> <a-input v-model:value="formState.value" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="状态" name="enable">
<a-switch v-model:checked="formState.enable" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="备注" name="remark">
<a-textarea v-model:value="formState.remark" />
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
</a-modal> </a-modal>
</template> </template>
@ -53,9 +64,9 @@ export default defineComponent({
}); });
const formRules = { const formRules = {
name: [{ required: true, message: '请输入配置描述', trigger: 'blur'}], name: [{ required: true, message: "请输入配置描述", trigger: "blur" }],
code: [{ required: true, message: '请输入配置编号', trigger: 'blur'}], code: [{ required: true, message: "请输入配置编号", trigger: "blur" }],
value: [{ required: true, message: '请输入配置值', trigger: 'blur'}] value: [{ required: true, message: "请输入配置值", trigger: "blur" }],
}; };
const submit = (e) => { const submit = (e) => {
@ -68,21 +79,25 @@ export default defineComponent({
.then(() => { .then(() => {
save(toRaw(formState)).then((response) => { save(toRaw(formState)).then((response) => {
if (response.success) { if (response.success) {
message.success({ message
content: "保存成功", .success({
key, content: "保存成功",
duration: 1, key,
}).then(()=>{ duration: 1,
cancel(); })
}); .then(() => {
cancel();
});
} else { } else {
message.error({ message
content: response.msg, .error({
key, content: response.msg,
duration: 1, key,
}).then(()=>{ duration: 1,
cancel(); })
}); .then(() => {
cancel();
});
} }
}); });
}) })
@ -108,4 +123,4 @@ export default defineComponent({
}; };
}, },
}); });
</script> </script>