57 lines
2.0 KiB
Vue
57 lines
2.0 KiB
Vue
<template>
|
||
<PageContainer>
|
||
<div class="rmo-mode">
|
||
<PageHeader title="保险方案" description="为申办者提供全面的保险保障服务" />
|
||
<div class="page-body">
|
||
<section class="section section-get-quotes">
|
||
<div class="container">
|
||
<div class="get-quotes-card card main-card">
|
||
<h3 class="get-quotes-title">获取报价</h3>
|
||
<p class="get-quotes-desc">
|
||
填写项目方案编号、项目标题、申办者、项目分期（可手动填写或上传项目方案由 AI 识别），生成报价后可向各保司获取精准报价。
|
||
</p>
|
||
<div class="get-quotes-actions">
|
||
<button type="button" class="btn btn-primary get-quotes-btn" @click="quoteModal.openQuoteModal">
|
||
获取报价
|
||
</button>
|
||
<button
|
||
v-if="auth.isAuthenticated"
|
||
type="button"
|
||
class="btn btn-secondary get-quotes-btn"
|
||
@click="router.push('/dashboard/project-quotes')"
|
||
>
|
||
前往报价页面
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="card main-card">
|
||
<h2>保险方案</h2>
|
||
<p>基础保障、全面保障、保险团体标准核心内容等。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</PageContainer>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useRouter } from 'vue-router'
|
||
import { useAuthStore } from '@/stores/auth'
|
||
import { useQuoteModalStore } from '@/stores/quoteModal'
|
||
import PageContainer from '@/components/PageContainer.vue'
|
||
import PageHeader from '@/components/PageHeader.vue'
|
||
|
||
const router = useRouter()
|
||
const auth = useAuthStore()
|
||
const quoteModal = useQuoteModalStore()
|
||
</script>
|
||
|
||
<style scoped>
|
||
@import '@/pages/RmoMode.css';
|
||
</style>
|