Skip to content

B
bigDataSystem
Commit 601cbca4 authored by liwei's avatar liwei
Browse files
Options

周期调度任务页面

parent e689b634
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 34 deletions
src/views/taskScheduling/taskFlowMaintenance/periodicScheduling/TaskListDrawer.vue
View file @ 601cbca4
......@@ -4,12 +4,12 @@
@register="registerDrawer"
showFooter
:title="getTitle"
width="50%"
width="60%"
@ok="handleSubmit"
>
<div class="homePage_module">
<Row :gutter="16" class="homePage_left">
<Col :span="24" style="display: flex;justify-content: center">
<Col :span="24" style="display: flex;justify-content: center;padding-left: 0px;padding-right: 0px">
<div class="card_content1">
<Col :span="4">
<div class="card_item">
......@@ -43,7 +43,7 @@
</Col>
<Col :span="4" @click="clickButton(4)" :class="{ 'listItemClass': selectedItem === 4 }">
<div class="card_item">
<Icon icon="line-md:close-circle-filled" :size="15" :color="'rgb(54, 189, 143)'" />
<Icon icon="ep:success-filled" :size="15" :color="'rgb(54, 189, 143)'" />
<div class="card_itemInfo">
<div class="dataTitle">成功：4</div>
</div>
......@@ -51,7 +51,7 @@
</Col>
<Col :span="4" @click="clickButton(5)" :class="{ 'listItemClass': selectedItem === 5 }">
<div class="card_item">
<Icon icon="line-md:minus-circle-filled" :size="15" :color="'rgb(234, 150, 0)'" />
<Icon icon="ix:error-filled" :size="15" :color="'rgb(210, 93, 95)'" />
<div class="card_itemInfo">
<div class="dataTitle">失败：0</div>
</div>
......@@ -59,7 +59,7 @@
</Col>
<Col :span="4" @click="clickButton(5)" :class="{ 'listItemClass': selectedItem === 5 }">
<div class="card_item">
<Icon icon="line-md:minus-circle-filled" :size="15" :color="'rgb(234, 150, 0)'" />
<Icon icon="ant-design:stop-outlined" :size="15" :color="'rgb(231, 192, 114)'" />
<div class="card_itemInfo">
<div class="dataTitle">已取消：0</div>
</div>
......@@ -67,7 +67,7 @@
</Col>
<Col :span="4" @click="clickButton(5)" :class="{ 'listItemClass': selectedItem === 5 }">
<div class="card_item">
<Icon icon="line-md:minus-circle-filled" :size="15" :color="'rgb(234, 150, 0)'" />
<Icon icon="foundation:fast-forward" :size="15" :color="'rgb(137, 137, 137)'" />
<div class="card_itemInfo">
<div class="dataTitle">跳过：0</div>
</div>
......@@ -75,7 +75,7 @@
</Col>
<Col :span="4" @click="clickButton(5)" :class="{ 'listItemClass': selectedItem === 5 }">
<div class="card_item">
<Icon icon="line-md:minus-circle-filled" :size="15" :color="'rgb(234, 150, 0)'" />
<Icon icon="mdi:filter" :size="15" :color="'rgb(85, 190, 50)'" />
<div class="card_itemInfo">
<div class="dataTitle">过滤：0</div>
</div>
......@@ -94,23 +94,25 @@
</Row>
</div>
<BasicTable @register="registerTable">
<template #toolbar>
<div>
<a-input-search
v-model:value="value"
placeholder="请输入"
<template #headerTop>
<div style="display: flex;justify-content: space-between">
<div>
<a-input-search
v-model:value="value"
placeholder="请输入"
style="width: 200px"
@search="onSearch"
/>&nbsp;&nbsp;
任务类型&nbsp;&nbsp;<Select
style="width: 200px"
@search="onSearch"
/>&nbsp;&nbsp;
任务类型&nbsp;&nbsp;<Select
style="width: 200px"
v-model:value="optionValue"
:options="options"
/>
</div>
<div style="margin-left: 130px">
<a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0" @click="batchCancelExecuteButton" style="margin-right: 10px;">取消</a-button>
<a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0" @click="batchDownloadButton">批量下载日志</a-button>
v-model:value="optionValue"
:options="options"
/>
</div>
<div>
<a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0" @click="batchCancelExecuteButton" style="margin-right: 10px;">取消</a-button>
<a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0" @click="batchDownloadButton">批量下载日志</a-button>
</div>
</div>
</template>
<template #bodyCell="{ column, record }">
......@@ -119,7 +121,7 @@
:actions="[
{
icon:'teenyicons:location-outline',
onClick: lookLogButton.bind(null, record),
onClick: locationButton.bind(null, record),
},
{
icon:'ix:log',
......@@ -134,11 +136,23 @@
/>
</template>
</template>
<template #runStatus="{ text, record }">
<Icon icon="ix:success-filled" style="color: rgb(30, 155, 96)"></Icon>
<span>{{text}}</span>
</template>
<template #executionCondition="{ text, record }">
<a>
<Icon icon="ix:success-filled" style="color: rgb(30, 155, 96)"/>
<Icon icon="ant-design:file-search-outlined" @click="executionConditionButton"/>
</a>
</template>
</BasicTable>
<!-- 查看日志 弹窗-->
<LookLogModal @register="registerLookLogModal" @success="handleSuccess" />
<!-- 重跑 弹窗-->
<RunAgainModal @register="registerRunAgainModal" @success="handleSuccess" />
<!-- 执行条件 弹窗-->
<ExecuteConditionModal @register="registerExecuteConditionModal" @success="handleSuccess" />
</BasicDrawer>
</template>
<script lang="ts" setup>
......@@ -158,6 +172,9 @@
import {exportRoleList} from "@/api/system/role/role";
import {downloadByData} from "@/utils/file/download";
import RunAgainModal from './RunAgainModal.vue'
import ExecuteConditionModal from './ExecuteConditionModal.vue'
const [registerExecuteConditionModal, { openModal: openExecuteConditionModal }] = useModal();
const [registerRunAgainModal, { openModal: openRunAgainModal }] = useModal();
const [registerLookLogModal, { openModal: openLookLogModal }] = useModal();
const [registerLookAllDataModal, { openModal: openLookAllDataModal }] = useModal();
......@@ -185,7 +202,7 @@
])
const [registerTable, { reload,getForm,getRowSelection }] = useTable({
title: '',
title: ' ',
api: async (params) => {
const response = {
pageNu: "1",
......@@ -227,6 +244,16 @@
}
/**任务定位 按钮*/
function locationButton(record){
}
/**执行条件 按钮*/
function executionConditionButton(record){
openExecuteConditionModal(true,{})
}
/**查看版本变更信息*/
function lookVersionButton() {
openVersionModal(true,{})
......@@ -262,11 +289,11 @@
</script>
<style lang="less" scoped>
.homePage_module {
margin-top: 20px;
width:900px;
::v-deep(.ant-card-body) {
display: flex;
justify-content: center;
height: 180px;
height: 150px;
}
.homePage_left {
.card_content1 {
......@@ -275,11 +302,10 @@
justify-content: center;
align-items: center;
.card_item {
//padding-left: 20px;
display: flex;
align-items: center;
width: 100px;
height: 80px;
width: 80px;
height: 50px;
border-radius: 10px;
.card_itemInfo {
padding-left: 7px;
......
src/views/taskScheduling/taskFlowMaintenance/periodicScheduling/executionDetails.vue
View file @ 601cbca4
......@@ -19,7 +19,7 @@
</div>
<div class="contentClass" style="display: flex;margin-top: 20px">
<div>
<img src="../../../../assets/images/taskFlowMaintenance.png" style="width: 1455px;" />
<img src="../../../../assets/images/periodicScheduling.png" style="width: 1455px;height: 780px" />
</div>
<div>
<RadioGroup v-model:value="showType1" button-style="solid" size="small">
......
src/views/taskScheduling/taskFlowMaintenance/periodicScheduling/index.vue
View file @ 601cbca4
......@@ -290,7 +290,10 @@
</template>
</template>
<template #executionCondition="{ text, record }">
<a><Icon icon="ant-design:file-search-outlined" @click="executionConditionButton"/></a>
<a>
<Icon icon="ix:success-filled" style="color: rgb(30, 155, 96)"/>
<Icon icon="ant-design:file-search-outlined" @click="executionConditionButton"/>
</a>
</template>
</BasicTable>
</div>
......
src/views/taskScheduling/taskFlowMaintenance/periodicScheduling/periodicScheduling.data.ts
View file @ 601cbca4
......@@ -301,12 +301,14 @@ export const tableListColumns: BasicColumn[] = [
{
title: '运行状态',
dataIndex: 'runStatus',
width: 120
width: 120,
slots: { customRender: 'runStatus' },
},
{
title: '执行条件',
dataIndex: 'executionCondition',
width: 120
width: 120,
slots: { customRender: 'executionCondition' },
},
{
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