hgwms-2098 fix 策略参数弹窗修改
parent
65b8f5d368
commit
d7c8e2758b
File diff suppressed because it is too large
Load Diff
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue