You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

43 lines
1.2 KiB
Plaintext

<template>
<div>
<Collapse>
<CollapsePanel key="1" header="批处理流程">
<ul v-for="(item) in dataBatch" :key="item.NodeID">
<li v-if="dataBatch.length > 0"><a @click="ToSelfUrl(item.NodeID)">{{ item.Name }}</a>
<Badge :count="item.NUM" :number-style="{
backgroundColor: '#eee',
color: '#000',
boxShadow: '0 0 0 1px #d9d9d9 inset',
}" />
</li>
<li v-else>当前没有批处理的数据</li>
</ul>
</CollapsePanel>
</Collapse>
</div>
</template>
<script lang="ts" setup>
import { Collapse, CollapsePanel, Badge } from 'ant-design-vue';
import { Batch_Init } from '@/api/flow';
import { ccbpmWorkOpt } from '@/utils/env';
import { ref } from 'vue';
const dataBatch = ref<any>([]);
const InitPage = () => {
Batch_Init('').then((res) => {
dataBatch.value = res
console.log(res);
})
}
InitPage();
const url = ref<string>('')
const ToSelfUrl = (NodeId: any) => {
//添加一个参数mode=tookitVue3用于判断页面返回时关闭此页面
url.value = `${ccbpmWorkOpt}/Batch/WorkCheckModel.htm?FK_Node=${NodeId}&mode=tookitVue3`;
window.open(url.value)
}
</script>
<style lang="less"></style>