RRSWithSmartHome
/
wms_vue
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hgwms-2098 fix 定时设置弹窗修改

hwork-master^2
A0066811 2025-11-07 10:59:24 +08:00
parent 4efee0ebad
commit cf2d0c8d00
3 changed files with 124 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/view/job/modal/edit.vue
View File

@ -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>

24
src/view/job/modal/info.vue
View File

@ -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>
@ -44,24 +45,23 @@ 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 = {};

53
src/view/job/modal/save.vue
View File

@ -11,39 +11,58 @@
ref="formRef"
:model="formState"
:rules="formRules"
:label-col="labelCol"
:wrapper-col="wrapperCol"
layout="vertical"
>
<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}"/>
<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 { 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
cron,
},
props: {
visible: {
@ -52,7 +71,6 @@
},
emit: ["close"],
setup(props, context) {
const formRef = ref();
const formState = reactive({
@ -61,33 +79,38 @@
});
const formRules = {
name: [{required: true, message: '请输入任务名称', trigger: 'blur'}],
beanName: [{required: true, message: '请输入任务目标', trigger: 'blur'}],
cronExpression: [{required: true, message: '请输入任务周期'}]
name: [{ required: true, message: "请输入任务名称", trigger: "blur" }],
beanName: [
{ required: true, message: "请输入任务目标", trigger: "blur" },
],
cronExpression: [{ required: true, message: "请输入任务周期" }],
};
const saveKey = "save";
const submit = (e) => {
formRef.value
.validate()
.then(() => {
message.loading({content: '提交中...', key: saveKey});
message.loading({ content: "提交中...", key: saveKey });
save(toRaw(formState)).then((response) => {
if (response.success) {
message.success({content: '保存成功', key: saveKey, duration: 1}).then(() => {
message
.success({ content: "保存成功", key: saveKey, duration: 1 })
.then(() => {
cancel();
});
} else {
message.success({content: '保存失败', key: saveKey, duration: 1}).then(() => {
message
.success({ content: "保存失败", key: saveKey, duration: 1 })
.then(() => {
cancel();
});
}
});
})
.catch(error => {
console.log('error', error);
.catch((error) => {
console.log("error", error);
});
};