添加流程可视化页面
This commit is contained in:
parent
e098168182
commit
2aa75967b8
|
@ -37,7 +37,7 @@
|
||||||
<div class="font-bold" style="font-size: 1rem">
|
<div class="font-bold" style="font-size: 1rem">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-c" style="font-size: 0.7rem">{{ item.remark||'-' }}</div>
|
<div class="flex-c" style="font-size: 0.7rem">{{ item.remark || '-' }}</div>
|
||||||
<div v-if="item.state=='finish'" style="color: var( --el-color-success)">
|
<div v-if="item.state=='finish'" style="color: var( --el-color-success)">
|
||||||
已完成
|
已完成
|
||||||
</div>
|
</div>
|
||||||
|
@ -174,7 +174,11 @@ const flowData = computed(() => {
|
||||||
[{type: 'edge', label: "通过"}],
|
[{type: 'edge', label: "通过"}],
|
||||||
[{index: 3, 'name': '费用到账检查', state: rate_data_preparation_node.status, remark: "", type: "node"}],
|
[{index: 3, 'name': '费用到账检查', state: rate_data_preparation_node.status, remark: "", type: "node"}],
|
||||||
[{type: 'edge', label: "通过"}],
|
[{type: 'edge', label: "通过"}],
|
||||||
[{'name': '通过审核', state: (prop.rateServe.status == 'rating') ? 'finish' : prop.rateServe.status, type: "passNode"}],
|
[{
|
||||||
|
'name': '通过审核',
|
||||||
|
state: (prop.rateServe.status == 'rating') ? 'finish' : prop.rateServe.status,
|
||||||
|
type: "passNode"
|
||||||
|
}],
|
||||||
[{type: 'edge', label: "通过"}],
|
[{type: 'edge', label: "通过"}],
|
||||||
[{index: 4, 'name': '评级打分业务', state: rate_work_node.status, remark: rate_work_node.remark, type: "node"}],
|
[{index: 4, 'name': '评级打分业务', state: rate_work_node.status, remark: rate_work_node.remark, type: "node"}],
|
||||||
[{type: 'edge', label: "通过"}],
|
[{type: 'edge', label: "通过"}],
|
||||||
|
@ -210,10 +214,10 @@ html[class*='dark'] .node {
|
||||||
}
|
}
|
||||||
|
|
||||||
html[class*='dark'] .pass-node {
|
html[class*='dark'] .pass-node {
|
||||||
border: 2px solid #9586a6;
|
border: 2px solid #796c7f;
|
||||||
padding: 0.25rem;
|
padding: 0.25rem;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
background: rgb(107 96 112);
|
background: rgb(75 74 87);
|
||||||
@apply w-40 max-h-80 h-32 flex flex-col
|
@apply w-40 max-h-80 h-32 flex flex-col
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue