opt: 子任务释放
This commit is contained in:
parent
b845f5d2f0
commit
ea4e773e13
|
|
@ -0,0 +1,40 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
export interface MachineTaskChainVO {
|
||||
id?: number
|
||||
code: string
|
||||
warehouse?: string
|
||||
firstTaskVendor?: string
|
||||
status?: string
|
||||
type?: string
|
||||
businessNo?: string
|
||||
description?: string
|
||||
sourceLocation?: string
|
||||
sourcePoint?: string
|
||||
sourceContainer?: string
|
||||
targetType?: string
|
||||
targetCode?: string
|
||||
targetLocation?: string
|
||||
targetPoint?: string
|
||||
elevatorId?: number
|
||||
priority?: number
|
||||
executionTime?: number
|
||||
completeTime?: string
|
||||
cancelReason?: string
|
||||
cancelTime?: string
|
||||
createTime?: string
|
||||
}
|
||||
|
||||
export interface VendorLoadVO {
|
||||
vendor: string
|
||||
vendorName: string
|
||||
maxConcurrent: number
|
||||
currentLoad: number
|
||||
chains: MachineTaskChainVO[]
|
||||
}
|
||||
|
||||
export function getVendorLoad() {
|
||||
return request.get<never, { code: number; data: VendorLoadVO[] }>(
|
||||
'/api/robot/external/admin/machine-task/vendor/load',
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,255 @@
|
|||
<template>
|
||||
<div class="page-container">
|
||||
<!-- ========== PC 端 ========== -->
|
||||
<template v-if="!isMobile">
|
||||
<el-card shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>厂商负载</span>
|
||||
<el-button type="primary" size="small" :loading="refreshing" @click="loadData">
|
||||
刷新
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col v-for="vendor in vendorLoads" :key="vendor.vendor" :span="12">
|
||||
<el-card shadow="hover" class="vendor-card">
|
||||
<template #header>
|
||||
<div class="vendor-card-header">
|
||||
<div class="vendor-title">
|
||||
<span>{{ vendor.vendorName }}</span>
|
||||
<el-tag :type="vendor.currentLoad < vendor.maxConcurrent ? 'success' : 'danger'" size="small">
|
||||
负载 {{ vendor.currentLoad }} / {{ vendor.maxConcurrent }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div class="chain-list">
|
||||
<div v-if="vendor.chains && vendor.chains.length > 0" class="chain-items">
|
||||
<div
|
||||
v-for="chain in vendor.chains"
|
||||
:key="chain.code"
|
||||
class="chain-item"
|
||||
@click="chain.code && goChainDetail(chain.code)"
|
||||
>
|
||||
<span class="chain-code">{{ chain.code }}</span>
|
||||
<el-tag v-bind="getChainStatusTag(chain.status || '')" size="small">
|
||||
{{ chainStatusMap[chain.status || ''] || chain.status }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
<el-empty v-else description="暂无执行中任务链" :image-size="60" />
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-empty v-if="vendorLoads.length === 0 && !refreshing" description="暂无厂商数据" />
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<!-- ========== 移动端 ========== -->
|
||||
<template v-else>
|
||||
<div class="m-vendor-header">
|
||||
<span class="m-vendor-title">厂商负载</span>
|
||||
<el-button type="primary" size="small" round :loading="refreshing" @click="loadData">刷新</el-button>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-for="vendor in vendorLoads"
|
||||
:key="vendor.vendor"
|
||||
class="m-vendor-card"
|
||||
>
|
||||
<div class="m-vendor-card-top">
|
||||
<div class="m-vendor-name-row">
|
||||
<span class="m-vendor-name">{{ vendor.vendorName }}</span>
|
||||
<el-tag :type="vendor.currentLoad < vendor.maxConcurrent ? 'success' : 'danger'" size="small">
|
||||
{{ vendor.currentLoad }} / {{ vendor.maxConcurrent }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="m-chain-list">
|
||||
<div
|
||||
v-for="chain in (vendor.chains || [])"
|
||||
:key="chain.code"
|
||||
class="m-chain-item"
|
||||
@click="chain.code && goChainDetail(chain.code)"
|
||||
>
|
||||
<span class="m-chain-code">{{ chain.code }}</span>
|
||||
<el-tag v-bind="getChainStatusTag(chain.status || '')" size="small">
|
||||
{{ chainStatusMap[chain.status || ''] || chain.status }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<el-empty v-if="!vendor.chains?.length" description="暂无执行中任务链" :image-size="48" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="vendorLoads.length === 0 && !refreshing" description="暂无厂商数据" :image-size="48" />
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineOptions({ name: 'VendorLoadView' })
|
||||
import { getVendorLoad, type VendorLoadVO } from '@/api/vendorLoad'
|
||||
import { chainStatusMap, getChainStatusTag } from '@/constants/chainStatus'
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useDevice } from '@/composables/useDevice'
|
||||
|
||||
const { isMobile } = useDevice()
|
||||
const router = useRouter()
|
||||
const vendorLoads = ref<VendorLoadVO[]>([])
|
||||
const refreshing = ref(false)
|
||||
|
||||
async function loadData() {
|
||||
refreshing.value = true
|
||||
try {
|
||||
const res = await getVendorLoad()
|
||||
vendorLoads.value = res.data || []
|
||||
} catch { /* handled by interceptor */ } finally {
|
||||
refreshing.value = false
|
||||
}
|
||||
}
|
||||
|
||||
function goChainDetail(code: string) {
|
||||
router.push(`/task/chain/${code}`)
|
||||
}
|
||||
|
||||
onMounted(loadData)
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* ===== 公共 ===== */
|
||||
.page-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
/* ===== PC ===== */
|
||||
.card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.vendor-card {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.vendor-card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.vendor-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.chain-list {
|
||||
min-height: 120px;
|
||||
}
|
||||
|
||||
.chain-items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.chain-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 8px 12px;
|
||||
background: #f8f9fb;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.chain-item:hover {
|
||||
background: #eef1f6;
|
||||
}
|
||||
|
||||
.chain-code {
|
||||
font-family: monospace;
|
||||
font-size: 13px;
|
||||
color: #409eff;
|
||||
word-break: break-all;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.chain-code:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* ===== 移动端 ===== */
|
||||
.m-vendor-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.m-vendor-title {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.m-vendor-card {
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
padding: 14px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.m-vendor-card-top {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.m-vendor-name-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.m-vendor-name {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.m-chain-list {
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.m-chain-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 8px 10px;
|
||||
background: #f8f9fb;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 6px;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.m-chain-code {
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
color: #409eff;
|
||||
word-break: break-all;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue