Skip to content

B
bigDataSystem
Commit e3b8b849 authored by 罗林杰's avatar 罗林杰
Browse files
Options

修改任务运维

parent a4a7ea6d
Hide whitespace changes
Inline Side-by-side
Showing with 207 additions and 176 deletions
src/views/dataIntegration/taskOM/index.vue
View file @ e3b8b849
......@@ -158,6 +158,9 @@
/>
{{ text }}
</template>
<template #version="{ text }">
<a @click="handleEdit">{{ text }}</a>
</template>
</basic-table>
</template>
</PageWrapper>
......@@ -373,7 +376,7 @@
createConfirm({
iconType: 'warning',
title: '重跑',
content: '确认重跑选中数据吗？',
content: '确认重跑吗？',
onOk() {
createMessage.success('重跑成功!');
},
......@@ -385,7 +388,7 @@
createConfirm({
iconType: 'warning',
title: '错误恢复',
content: '确认恢复选中数据吗？',
content: '确认恢复吗？',
onOk() {
createMessage.success('恢复成功!');
},
......@@ -397,7 +400,7 @@
createConfirm({
iconType: 'warning',
title: '取消执行',
content: '确认取消执行选中数据吗？',
content: '确认取消执行吗？',
onOk() {
createMessage.success('取消执行成功!');
},
......
src/views/dataIntegration/taskOM/recordDetails.vue
View file @ e3b8b849
<template>
<page-wrapper>
<div class="callerManage_details">
<div class="header">
<Icon @click="handleGoBack" class="backBtn" icon="ant-design:left-outlined" :size="20" :color="'#666C81'" />
<div class="header_info">
<div>TDT1&nbsp;&nbsp;&nbsp;运行详情</div>
<div class="callerManage_details">
<div class="header">
<Icon
@click="handleGoBack"
class="backBtn"
icon="ant-design:left-outlined"
:size="20"
:color="'#666C81'"
/>
<div class="header_info">
<div>TDT1&nbsp;&nbsp;&nbsp;运行详情</div>
</div>
</div>
</div>
<!-- <step-header title="已使用服务"/>-->
<BasicTable @register="registerTable" :rowSelection="rowSelection">
<template #callStatus="{ text, record }">
<Icon v-if="text === '成功'" icon="ant-design:check-circle-filled" :size="15" :color="'rgb(84,198,159)'" />
<Icon v-else-if="text === '失败'" icon="line-md:close-circle-filled" :size="15" :color="'rgb(212, 115, 113)'" />
<Icon v-else icon="line-md:loading-twotone-loop" :size="15" :color="'rgb(81, 160, 248)'" />
{{ text }}
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
icon: 'ant-design:file-sync-outlined',
// label: '日志',
onClick: handleDownloadLog.bind(null, record),
},
]"
<!-- <step-header title="已使用服务"/>-->
<BasicTable @register="registerTable" :rowSelection="rowSelection">
<template #callStatus="{ text, record }">
<Icon
v-if="text === '成功'"
icon="ant-design:check-circle-filled"
:size="15"
:color="'rgb(84,198,159)'"
/>
<Icon
v-else-if="text === '失败'"
icon="line-md:close-circle-filled"
:size="15"
:color="'rgb(212, 115, 113)'"
/>
<Icon
v-else
icon="line-md:loading-twotone-loop"
:size="15"
:color="'rgb(81, 160, 248)'"
/>
{{ text }}
</template>
</template>
<template #toolbar>
<div style="flex: 1;display: flex; justify-content: space-between;">
<div>
<span>加载成功数量：2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span>加载成功数量：0&nbsp;&nbsp;</span>
<span>（加载成功数量：0，</span>
<span>加载成功数量：0）</span>
</div>
<div style="display: flex">
<a-button :disabled="getRowSelection().selectedRowKeys <=0" type="primary" @click="handleDownloadLogs">批量下载日志</a-button>
<div style="margin-left: 10px">
<a-input-search
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
icon: 'ant-design:file-sync-outlined',
// label: '日志',
onClick: handleDownloadLog.bind(null, record),
},
]"
/>
</template>
</template>
<template #toolbar>
<div style="flex: 1; display: flex; justify-content: space-between">
<div>
<span>加载成功数量：2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span>加载成功数量：0&nbsp;&nbsp;</span>
<span>（加载成功数量：0，</span>
<span>加载成功数量：0）</span>
</div>
<div style="display: flex">
<a-button
:disabled="getRowSelection().selectedRowKeys <= 0"
type="primary"
@click="handleDownloadLogs"
>批量下载日志</a-button
>
<div style="margin-left: 10px">
<a-input-search
v-model:value="value"
placeholder="请输入关键字"
style="width: 200px"
@search="onSearch"
/>
/>
</div>
</div>
</div>
</div>
</template>
</BasicTable>
</div>
<ViewTheLog @register="registerLog" />
</template>
</BasicTable>
</div>
<ViewTheLog @register="registerLog" />
</page-wrapper>
</template>
<script lang="ts" setup>
import { InputNumber,Input } from 'ant-design-vue';
import { EditOutlined } from '@ant-design/icons-vue';
import { useModal } from '@/components/Modal';
import {router} from "@/router";
import {detailsColumns, detailSchemas} from "./taskOM.data";
import Icon from "@/components/Icon/Icon.vue";
import StepHeader from "@/components/stepHeader.vue";
import {tableListDetails} from "./mock";
import { BasicTable, useTable, TableAction } from '@/components/Table';
import {ref} from "vue";
import ViewTheLog from "@/views/dataIntegration/taskOM/viewTheLog.vue";
import PageWrapper from "@/components/Page/src/PageWrapper.vue";
import { InputNumber, Input } from 'ant-design-vue';
import { EditOutlined } from '@ant-design/icons-vue';
import { useModal } from '@/components/Modal';
import { router } from '@/router';
import { detailsColumns, detailSchemas } from './taskOM.data';
import Icon from '@/components/Icon/Icon.vue';
import StepHeader from '@/components/stepHeader.vue';
import { tableListDetails } from './mock';
import { BasicTable, useTable, TableAction } from '@/components/Table';
import { ref } from 'vue';
import ViewTheLog from '@/views/dataIntegration/taskOM/viewTheLog.vue';
import PageWrapper from '@/components/Page/src/PageWrapper.vue';
import { useMessage } from '@/hooks/web/useMessage';
const [registerLog,{ openModal:openDownloadLogModal }]= useModal();
const [registerTable, { reload, updateTableDataRecord, getSearchInfo, getForm,getRowSelection }] = useTable({
api: async (params) => {
const response = {
pageNu: "1",
pageSize: "10",
pages: "1",
total: tableListDetails.length,
code:'',
message:'',
data: tableListDetails,
};
const { createMessage, createConfirm } = useMessage();
return { ...response};
},
columns:detailsColumns,
formConfig: {
showActionButtonGroup:false,
labelWidth: 120,
schemas: detailSchemas,
autoSubmitOnEnter: true,
},
showIndexColumn: false,
useSearchForm: false,
rowSelection:true,
showTableSetting: false,
bordered: false,
actionColumn: {
width: 120,
title: '查看日志',
dataIndex: 'action',
},
});
const [registerLog, { openModal: openDownloadLogModal }] = useModal();
const [
registerTable,
{ reload, updateTableDataRecord, getSearchInfo, getForm, getRowSelection },
] = useTable({
api: async (params) => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: tableListDetails.length,
code: '',
message: '',
data: tableListDetails,
};
function handleGoBack() {
router.go(-1);
}
function handleDownloadLog() {
// 模态框
openDownloadLogModal(true);
}
function handleDownloadLogs() {
console.log('触发了下载日志按钮');
}
return { ...response };
},
columns: detailsColumns,
formConfig: {
showActionButtonGroup: false,
labelWidth: 120,
schemas: detailSchemas,
autoSubmitOnEnter: true,
},
showIndexColumn: false,
useSearchForm: false,
rowSelection: true,
showTableSetting: false,
bordered: false,
actionColumn: {
width: 120,
title: '查看日志',
dataIndex: 'action',
},
});
function handleGoBack() {
router.go(-1);
}
function handleDownloadLog() {
// 模态框
openDownloadLogModal(true);
}
function handleDownloadLogs() {
createConfirm({
iconType: 'warning',
title: '批量下载日志',
content: '确定要批量下载选中的日志吗？',
onOk: () => {
createMessage.success('批量下载日志成功');
},
});
}
</script>
<style scoped lang="scss">
.callerManage_details{
background-color: white;
padding: 20px;
.header{
display: flex;
align-items: center;
padding-bottom: 20px;
.backBtn{
cursor: pointer;
}
.header_info{
padding-left: 15px;
.callerManage_details {
background-color: white;
padding: 20px;
.header {
display: flex;
align-items: center;
padding-bottom: 20px;
.backBtn {
cursor: pointer;
}
.header_info {
padding-left: 15px;
div{
font-size: 16px;
font-weight: 600;
div {
font-size: 16px;
font-weight: 600;
}
}
}
}
}
</style>
src/views/dataIntegration/taskOM/taskOM.data.ts
View file @ e3b8b849
......@@ -32,6 +32,7 @@ export const columns: BasicColumn[] = [
title: '执行版本',
dataIndex: 'version',
width: 90,
slots: { customRender: 'version' },
},
{
title: '执行模式',
......
src/views/dataIntegration/taskOM/viewTheLog.vue
View file @ e3b8b849
<template>
<BasicModal
width="40%"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<BasicModal width="40%" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<template #insertFooter>
<a-button @click="downloadLog" style="float: left;" type="link" >下载日志</a-button>
<a-button @click="downloadLog" style="float: left" type="link">下载日志</a-button>
</template>
<img class="w-1/1" src="@/assets/images/Log.png"/>
<img class="w-1/1" src="@/assets/images/Log.png" />
</BasicModal>
</template>
<script lang="ts" setup>
import {onMounted, ref, unref} from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { importFormSchema } from './taskOM.data';
const emit = defineEmits(['success']);
const isUpdate = ref(true);
const isMove = ref(false);
const rowId = ref('');
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
// const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
// labelWidth: 100,
// baseColProps: { lg: 12, md: 24 },
// schemas: importFormSchema,
// showActionButtonGroup: false,
// actionColOptions: {
// span: 23,
// },
// });
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
import { onMounted, ref, unref } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicForm, useForm } from '@/components/Form';
import { importFormSchema } from './taskOM.data';
import { useMessage } from '@/hooks/web/useMessage';
setModalProps({
confirmLoading: false,
showOkBtn: false,
cancelText: '关闭',
const emit = defineEmits(['success']);
const isUpdate = ref(true);
const isMove = ref(false);
const rowId = ref('');
const { createMessage } = useMessage();
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单
// const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
// labelWidth: 100,
// baseColProps: { lg: 12, md: 24 },
// schemas: importFormSchema,
// showActionButtonGroup: false,
// actionColOptions: {
// span: 23,
// },
// });
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({
confirmLoading: false,
showOkBtn: false,
cancelText: '关闭',
});
});
});
// onMounted(){}
// onMounted(){}
// const getTitle = computed(() => '新建文件');
const getTitle = '日志信息';
// const getTitle = computed(() => '新建文件');
const getTitle = '日志信息';
onMounted(() => {
setModalProps({
confirmLoading: false,
showOkBtn: false,
cancelText: '关闭',
height: 500,
onMounted(() => {
setModalProps({
confirmLoading: false,
showOkBtn: false,
cancelText: '关闭',
height: 500,
});
});
})
/**确定按钮*/
async function handleSubmit() {
closeModal();
}
/**下载日志按钮*/
async function downloadLog() {
// await downloadFile('/api/file/downloadLog', {
// fileName: 'test.txt',
// });
console.log('出发了下载日志按钮')
}
/**确定按钮*/
async function handleSubmit() {
closeModal();
}
/**下载日志按钮*/
async function downloadLog() {
createMessage.success('下载成功');
}
</script>
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