<script lang="ts" setup>
|
import { Button } from 'ant-design-vue';
|
|
defineProps<{
|
designerName?: string;
|
productName?: string;
|
version?: string;
|
}>();
|
|
const emit = defineEmits<{
|
edit: [];
|
publish: [];
|
}>();
|
</script>
|
|
<template>
|
<div
|
class="mb-4 flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3"
|
>
|
<div class="text-sm text-amber-900">
|
<span class="font-medium">任务已发起（草稿）</span>
|
<span class="ml-2 text-amber-700">
|
{{ productName }} {{ version }} · 设计师 {{ designerName || '未指定' }}
|
</span>
|
<span class="ml-2 text-amber-600">— 请确认信息后发布任务，发布后方可上传设计资料</span>
|
</div>
|
<div class="flex shrink-0 gap-2">
|
<Button size="small" @click="emit('edit')">修改任务</Button>
|
<Button size="small" type="primary" @click="emit('publish')">发布任务</Button>
|
</div>
|
</div>
|
</template>
|
