Commit f8acf167 authored by liwei's avatar liwei

周期任务调度页面

parent 07b4d06c
<template>
<BasicModal width="40%" v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<div style="font-size: 15px">
手动置成功修改了任务对象的状态,并不是当前任务真实运行成功,该状态变更会影响下游任务的执行,请确定要手动修改吗?
</div>
<BasicForm @register="registerForm"/>
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref, reactive} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { useMessage } from '@/hooks/web/useMessage';
import {mainFormSchema4} from "./taskFlowMaintenance.data";
defineOptions({ name: 'AccountModal' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const getTitle = computed(() => ('置成功'));
const [registerForm, { updateSchema:updateSchema1 }] = useForm({
labelWidth: 100,
schemas: mainFormSchema4,
showActionButtonGroup: false,
actionColOptions: {
span: 23,
},
});
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false });
});
/**确定按钮*/
async function handleSubmit() {
createMessage.success('设置成功');
closeModal()
}
</script>
<style lang="less" scoped>
.buttonClass{
margin-top: 10px;
border-color: rgb(41, 147, 249);
color: rgb(41, 147, 249)
}
.textAreaClass{
width: 100%;
margin-top:20px;
background-color: rgb(37, 37, 37);
color: white
}
</style>
...@@ -281,6 +281,8 @@ ...@@ -281,6 +281,8 @@
</div> </div>
<!-- 查看日志 弹窗--> <!-- 查看日志 弹窗-->
<LookLogModal @register="registerLookLogModal" @success="handleSuccess" /> <LookLogModal @register="registerLookLogModal" @success="handleSuccess" />
<!-- 置成功 弹窗-->
<SuccessfullySettingModal @register="registerSuccessfullySettingModal" @success="handleSuccess" />
</div> </div>
</template> </template>
...@@ -304,6 +306,8 @@ ...@@ -304,6 +306,8 @@
import {EventDataNode} from "ant-design-vue/es/vc-tree/interface"; import {EventDataNode} from "ant-design-vue/es/vc-tree/interface";
import {BasicTree, ContextMenuItem, TreeActionType, TreeItem} from '@/components/Tree'; import {BasicTree, ContextMenuItem, TreeActionType, TreeItem} from '@/components/Tree';
import { Divider } from 'ant-design-vue'; import { Divider } from 'ant-design-vue';
import SuccessfullySettingModal from './SuccessfullySettingModal.vue'
defineOptions({ name: 'AccountManagement' }); defineOptions({ name: 'AccountManagement' });
const chartRef1 = ref<HTMLDivElement | null>(null); const chartRef1 = ref<HTMLDivElement | null>(null);
const { setOptions:setOptions1 } = useECharts(chartRef1 as Ref<HTMLDivElement>); const { setOptions:setOptions1 } = useECharts(chartRef1 as Ref<HTMLDivElement>);
...@@ -427,6 +431,7 @@ ...@@ -427,6 +431,7 @@
], ],
}); });
} }
const [registerSuccessfullySettingModal, { openModal: openSuccessfullySettingModal }] = useModal();
const [registerLookLogModal, { openModal: openLookLogModal }] = useModal(); const [registerLookLogModal, { openModal: openLookLogModal }] = useModal();
const [registerTable, { reload,getForm,getRowSelection }] = useTable({ const [registerTable, { reload,getForm,getRowSelection }] = useTable({
title: '执行记录', title: '执行记录',
...@@ -569,13 +574,13 @@ ...@@ -569,13 +574,13 @@
{ {
label: '取消执行', label: '取消执行',
handler: () => { handler: () => {
handleOpen(node) cancelButton(node)
}, },
}, },
{ {
label: '置成功', label: '置成功',
handler: () => { handler: () => {
handleOpen(node) settingSuccessfulButton(node)
}, },
}, },
]; ];
...@@ -588,8 +593,18 @@ ...@@ -588,8 +593,18 @@
} }
onMounted(() => { /**置成功 按钮*/
function settingSuccessfulButton(node){
openSuccessfullySettingModal(true,{})
}
/**取消 按钮*/
function cancelButton(){
createMessage.success('取消成功!')
}
onMounted(() => {
getEchartsData1() getEchartsData1()
const treeData = handleTree(TreeData, 'businessId',undefined,undefined,undefined) const treeData = handleTree(TreeData, 'businessId',undefined,undefined,undefined)
updateSchema1([ updateSchema1([
......
...@@ -205,6 +205,22 @@ export const mainFormSchema3: FormSchema[] = [ ...@@ -205,6 +205,22 @@ export const mainFormSchema3: FormSchema[] = [
colProps: { lg: 8, md: 24 }, colProps: { lg: 8, md: 24 },
}, },
]; ];
/**首页-表单4*/
export const mainFormSchema4: FormSchema[] = [
{
field: 'settingTask',
label: '',
component: 'RadioGroup',
defaultValue: '自动触发下游',
componentProps: {
options: [
{ label: '仅当前任务', value: '仅当前任务' },
{ label: '自动触发下游', value: '自动触发下游' },
],
},
},
];
/**详情页-任务列表*/ /**详情页-任务列表*/
export const tableListColumns: BasicColumn[] = [ export const tableListColumns: BasicColumn[] = [
{ {
......
...@@ -96,9 +96,9 @@ ...@@ -96,9 +96,9 @@
const { createMessage, createConfirm } = useMessage(); const { createMessage, createConfirm } = useMessage();
const route = useRoute(); const route = useRoute();
const go = useGo(); const go = useGo();
const message = ref('1、默认包含选中任务流在“补数时间范围”内有执行的相关上游和下游,故相关任务流需要处于发布中;\n' + const message = ref('1、默认包含选中任务流在“补数时间范围”内有执行的相关上游和下游,故相关任务流需要处于发布中' +
'2、若执行记录已经存在,则忽略不会产生补数记录;\n' + ' 2、若执行记录已经存在,则忽略不会产生补数记录;' +
'3、补数时会按照当前选中资源的最新版本配置执行。'); ' 3、补数时会按照当前选中资源的最新版本配置执行。');
const [registerResetNameModal, { openModal: openResetNameModal }] = useModal(); const [registerResetNameModal, { openModal: openResetNameModal }] = useModal();
const [registerTable1] = useTable({ const [registerTable1] = useTable({
title: '', title: '',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment