2025-07-15 15:16:03 +08:00
|
|
|
<template>
|
2025-07-25 13:48:49 +08:00
|
|
|
<div class="container">
|
|
|
|
|
<div class="header-image-container">
|
|
|
|
|
<div class="header-image">
|
|
|
|
|
<img :src="cozeInfo?.icon_url" alt="Header Image" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="title-container">
|
|
|
|
|
<div class="title">{{cozeInfo?.name}}</div>
|
|
|
|
|
<div class="tag">
|
|
|
|
|
<div class="">
|
|
|
|
|
<img
|
|
|
|
|
class="status-icon"
|
|
|
|
|
:src="workflow"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tag-text">工作流</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="usage-stats">
|
|
|
|
|
<div class="usage-count">{{cozeInfo?.views}}</div>
|
|
|
|
|
<div class="usage-label">次使用</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="description">
|
|
|
|
|
{{cozeInfo?.description}}
|
2025-07-15 15:16:03 +08:00
|
|
|
</div>
|
2025-07-16 18:49:28 +08:00
|
|
|
|
2025-07-25 13:48:49 +08:00
|
|
|
</div>
|
2025-07-15 15:16:03 +08:00
|
|
|
</template>
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { defineProps } from 'vue';
|
2025-07-25 13:48:49 +08:00
|
|
|
import workflow from '@/assets/svg/workflow.svg';
|
2025-07-15 15:16:03 +08:00
|
|
|
|
|
|
|
|
const props = defineProps({
|
|
|
|
|
cozeInfo: {
|
|
|
|
|
type: Object as () => any,
|
|
|
|
|
default: () => ({}),
|
|
|
|
|
},
|
|
|
|
|
botId: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: '',
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
2025-07-25 13:48:49 +08:00
|
|
|
@import "./history.scss";
|
2025-07-15 15:16:03 +08:00
|
|
|
</style>
|