hgwms-2098 fix 定时设置弹窗修改
A0066811
parent
4efee0ebad
commit
cf2d0c8d00
|
|
@ -11,9 +11,9 @@
|
|||
ref="formRef"
|
||||
:model="formState"
|
||||
:rules="formRules"
|
||||
:label-col="labelCol"
|
||||
:wrapper-col="wrapperCol"
|
||||
layout="vertical"
|
||||
>
|
||||
<a-col :span="24">
|
||||
<a-form-item ref="name" label="名称" name="name">
|
||||
<a-input v-model:value="formState.name" />
|
||||
</a-form-item>
|
||||
|
|
@ -32,6 +32,7 @@
|
|||
<a-form-item label="备注" name="remark">
|
||||
<a-textarea v-model:value="formState.remark" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -8,30 +8,31 @@
|
|||
@cancel="cancel"
|
||||
>
|
||||
<a-form
|
||||
ref="formRef"
|
||||
ref="formRef"
|
||||
:model="formState"
|
||||
:rules="formRules"
|
||||
:label-col="labelCol"
|
||||
:wrapper-col="wrapperCol"
|
||||
layout="vertical"
|
||||
>
|
||||
<a-form-item ref="name" label="名称" name="name">
|
||||
<a-input v-model:value="formState.name" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="beanName" label="目标" name="beanName">
|
||||
<a-input v-model:value="formState.beanName" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="param" label="参数" name="param">
|
||||
<a-input v-model:value="formState.param" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="cronExpression" label="cron" name="cronExpression">
|
||||
<a-input v-model:value="formState.cronExpression" />
|
||||
</a-form-item>
|
||||
<a-form-item label="状态" name="enable">
|
||||
<a-switch v-model:checked="formState.enable" />
|
||||
</a-form-item>
|
||||
<a-form-item label="备注" name="remark">
|
||||
<a-textarea v-model:value="formState.remark" />
|
||||
</a-form-item>
|
||||
<a-col :span="24">
|
||||
<a-form-item ref="name" label="名称" name="name">
|
||||
<a-input v-model:value="formState.name" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="beanName" label="目标" name="beanName">
|
||||
<a-input v-model:value="formState.beanName" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="param" label="参数" name="param">
|
||||
<a-input v-model:value="formState.param" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="cronExpression" label="cron" name="cronExpression">
|
||||
<a-input v-model:value="formState.cronExpression" />
|
||||
</a-form-item>
|
||||
<a-form-item label="状态" name="enable">
|
||||
<a-switch v-model:checked="formState.enable" />
|
||||
</a-form-item>
|
||||
<a-form-item label="备注" name="remark">
|
||||
<a-textarea v-model:value="formState.remark" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
|
@ -44,26 +45,25 @@ export default defineComponent({
|
|||
},
|
||||
record: {
|
||||
type: Object,
|
||||
}
|
||||
},
|
||||
},
|
||||
emit: ["close"],
|
||||
setup(props, context) {
|
||||
|
||||
const formRef = ref();
|
||||
|
||||
const formState = reactive({});
|
||||
|
||||
watch(props, (props) => {
|
||||
formState.id = props.record.id
|
||||
formState.name = props.record.name
|
||||
formState.beanName = props.record.beanName
|
||||
formState.param = props.record.param
|
||||
formState.cronExpression = props.record.cronExpression
|
||||
formState.remark = props.record.remark
|
||||
formState.enable = props.record.enable
|
||||
})
|
||||
formState.id = props.record.id;
|
||||
formState.name = props.record.name;
|
||||
formState.beanName = props.record.beanName;
|
||||
formState.param = props.record.param;
|
||||
formState.cronExpression = props.record.cronExpression;
|
||||
formState.remark = props.record.remark;
|
||||
formState.enable = props.record.enable;
|
||||
});
|
||||
|
||||
const formRules = { };
|
||||
const formRules = {};
|
||||
|
||||
const submit = (e) => {
|
||||
formRef.value.resetFields();
|
||||
|
|
|
|||
|
|
@ -8,86 +8,109 @@
|
|||
@cancel="cancel"
|
||||
>
|
||||
<a-form
|
||||
ref="formRef"
|
||||
ref="formRef"
|
||||
:model="formState"
|
||||
:rules="formRules"
|
||||
:label-col="labelCol"
|
||||
:wrapper-col="wrapperCol"
|
||||
layout="vertical"
|
||||
>
|
||||
<a-form-item ref="name" label="名称" name="name">
|
||||
<a-input v-model:value="formState.name" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="beanName" label="目标" name="beanName">
|
||||
<a-input v-model:value="formState.beanName" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="param" label="参数" name="param">
|
||||
<a-input v-model:value="formState.param" />
|
||||
</a-form-item>
|
||||
<a-form-item ref="cronExpression" label="cron" name="cronExpression">
|
||||
<cron @onChange="(val)=>{formState.cronExpression = val}"/>
|
||||
</a-form-item>
|
||||
<a-form-item label="状态" name="enable">
|
||||
<a-switch v-model:checked="formState.enable" />
|
||||
</a-form-item>
|
||||
<a-form-item label="备注" name="remark">
|
||||
<a-textarea v-model:value="formState.remark" />
|
||||
</a-form-item>
|
||||
<a-row :gutter="[16, 0]">
|
||||
<a-col :span="24">
|
||||
<a-form-item ref="name" label="名称" name="name">
|
||||
<a-input v-model:value="formState.name" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item ref="beanName" label="目标" name="beanName">
|
||||
<a-input v-model:value="formState.beanName" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item ref="param" label="参数" name="param">
|
||||
<a-input v-model:value="formState.param" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item ref="cronExpression" label="cron" name="cronExpression">
|
||||
<cron
|
||||
@onChange="
|
||||
(val) => {
|
||||
formState.cronExpression = val;
|
||||
}
|
||||
"
|
||||
/>
|
||||
</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-modal>
|
||||
</template>
|
||||
<script>
|
||||
import {message} from '@hwork/ant-design-vue';
|
||||
import {save} from "@/api/module/job";
|
||||
import {defineComponent, reactive, ref, toRaw} from "vue";
|
||||
import cron from "../cron/index.vue";
|
||||
import { message } from "@hwork/ant-design-vue";
|
||||
import { save } from "@/api/module/job";
|
||||
import { defineComponent, reactive, ref, toRaw } from "vue";
|
||||
import cron from "../cron/index.vue";
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
cron
|
||||
export default defineComponent({
|
||||
components: {
|
||||
cron,
|
||||
},
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
},
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
},
|
||||
},
|
||||
emit: ["close"],
|
||||
setup(props, context) {
|
||||
},
|
||||
emit: ["close"],
|
||||
setup(props, context) {
|
||||
const formRef = ref();
|
||||
|
||||
const formRef = ref();
|
||||
const formState = reactive({
|
||||
enable: true,
|
||||
cronExpression: "* * * * * ? *",
|
||||
});
|
||||
|
||||
const formState = reactive({
|
||||
enable: true,
|
||||
cronExpression: "* * * * * ? *",
|
||||
});
|
||||
const formRules = {
|
||||
name: [{ required: true, message: "请输入任务名称", trigger: "blur" }],
|
||||
beanName: [
|
||||
{ required: true, message: "请输入任务目标", trigger: "blur" },
|
||||
],
|
||||
cronExpression: [{ required: true, message: "请输入任务周期" }],
|
||||
};
|
||||
|
||||
const formRules = {
|
||||
name: [{required: true, message: '请输入任务名称', trigger: 'blur'}],
|
||||
beanName: [{required: true, message: '请输入任务目标', trigger: 'blur'}],
|
||||
cronExpression: [{required: true, message: '请输入任务周期'}]
|
||||
};
|
||||
const saveKey = "save";
|
||||
|
||||
const saveKey = "save";
|
||||
|
||||
const submit = (e) => {
|
||||
|
||||
formRef.value
|
||||
.validate()
|
||||
.then(() => {
|
||||
message.loading({content: '提交中...', key: saveKey});
|
||||
save(toRaw(formState)).then((response) => {
|
||||
if (response.success) {
|
||||
message.success({content: '保存成功', key: saveKey, duration: 1}).then(() => {
|
||||
const submit = (e) => {
|
||||
formRef.value
|
||||
.validate()
|
||||
.then(() => {
|
||||
message.loading({ content: "提交中...", key: saveKey });
|
||||
save(toRaw(formState)).then((response) => {
|
||||
if (response.success) {
|
||||
message
|
||||
.success({ content: "保存成功", key: saveKey, duration: 1 })
|
||||
.then(() => {
|
||||
cancel();
|
||||
});
|
||||
} else {
|
||||
message.success({content: '保存失败', key: saveKey, duration: 1}).then(() => {
|
||||
} else {
|
||||
message
|
||||
.success({ content: "保存失败", key: saveKey, duration: 1 })
|
||||
.then(() => {
|
||||
cancel();
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
console.log('error', error);
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log("error", error);
|
||||
});
|
||||
};
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue