Files
gxtyzx-admin/src/views/approval/flow/components/submit-card.vue
T

60 lines
1.8 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- 提交环节卡片:与节点卡片同形,序号 0,无排序/删除(ADR 0016) -->
<template>
<a-card size="small" class="node-card">
<template #title>
<span>0. 提交</span>
<a-tag color="green" style="margin-left: 8px">提交环节</a-tag>
</template>
<a-form layout="vertical">
<a-row :gutter="16">
<a-col :md="12" :sm="24">
<a-form-item label="提交时的附件要求">
<a-radio-group
:value="mode"
size="small"
@update:value="(value) => emit('update:mode', value)"
>
<a-radio-button value="FOLLOW">跟随代码</a-radio-button>
<a-radio-button value="ON">必须上传</a-radio-button>
<a-radio-button value="OFF">不必上传</a-radio-button>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :md="12" :sm="24">
<a-form-item label="说明">
<span class="ele-text-secondary">
链首只读节点,不产生待办、不参与流程推进。
</span>
</a-form-item>
</a-col>
</a-row>
<div class="submit-tip">
「跟随代码」沿用单据实现里声明的附件要求;选「必须上传」或「不必上传」
后,本环节会作为链首节点随流程一起发布。
</div>
</a-form>
</a-card>
</template>
<script lang="ts" setup>
const emit = defineEmits<{
(e: 'update:mode', mode: string): void;
}>();
defineProps<{
// FOLLOW 跟随代码 / ON 必须上传 / OFF 不必上传
mode: string;
}>();
</script>
<style lang="less" scoped>
.node-card {
margin-bottom: 12px;
}
.submit-tip {
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
}
</style>