招标解析
This commit is contained in:
parent
7a212705c1
commit
2a288052a4
|
|
@ -4,15 +4,17 @@
|
|||
<!-- 头部导航 -->
|
||||
<AnalysisHeader @back="handleBack" />
|
||||
|
||||
<el-card>
|
||||
<!-- 解析结果标题 -->
|
||||
<div class="result-header">
|
||||
<img src="@/assets/enterpriseLibrary/basic-info.png" alt="基本信息">
|
||||
<h3>解析结果</h3>
|
||||
</div>
|
||||
|
||||
<!-- 一级标签页 - 占满整行 -->
|
||||
<div class="main-tabs-container">
|
||||
<el-tabs v-model="activeMainTab" @tab-click="handleMainTabClick" class="main-tabs">
|
||||
<el-tab-pane
|
||||
v-for="tab in mainTabs"
|
||||
:key="tab.name"
|
||||
:label="tab.label"
|
||||
:name="tab.name"
|
||||
/>
|
||||
<el-tab-pane v-for="tab in mainTabs" :key="tab.name" :label="tab.label" :name="tab.name" />
|
||||
</el-tabs>
|
||||
</div>
|
||||
|
||||
|
|
@ -22,7 +24,8 @@
|
|||
<div class="left-panel">
|
||||
<AnalysisResultPanel ref="resultPanel" :main-tabs="mainTabs" :default-main-tab="activeMainTab"
|
||||
:default-sub-tab="defaultSubTab" @main-tab-change="handleMainTabChange"
|
||||
@sub-tab-change="handleSubTabChange" :hide-main-tabs="true" :key="activeMainTab">
|
||||
@sub-tab-change="handleSubTabChange" :hide-main-tabs="true" :hide-header="true"
|
||||
:key="activeMainTab">
|
||||
<!-- 项目信息 - 招标人 -->
|
||||
<template #project-tenderer>
|
||||
<div class="content-section">
|
||||
|
|
@ -184,9 +187,11 @@
|
|||
<DocumentPreviewPanel :tender-document-url="tenderDocumentUrl"
|
||||
:tender-document-title="tenderDocumentTitle" :tender-document-key="tenderDocumentKey"
|
||||
:bid-document-url="bidDocumentUrl" :bid-document-title="bidDocumentTitle"
|
||||
:bid-document-key="bidDocumentKey" @document-switch="handleDocumentSwitch" @search="handleSearch" />
|
||||
:bid-document-key="bidDocumentKey" @document-switch="handleDocumentSwitch"
|
||||
@search="handleSearch" />
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -368,6 +373,30 @@ export default {
|
|||
background: linear-gradient(180deg, #F1F6FF 0%, #E5EFFF 100%);
|
||||
overflow: hidden;
|
||||
|
||||
// 解析结果标题
|
||||
.result-header {
|
||||
flex-shrink: 0;
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
background: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
img {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
}
|
||||
}
|
||||
|
||||
// 一级标签页容器 - 占满整行
|
||||
.main-tabs-container {
|
||||
flex-shrink: 0;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!-- 解析结果面板 -->
|
||||
<template>
|
||||
<div class="analysis-result-panel">
|
||||
<div class="panel-header">
|
||||
<div class="panel-header" v-if="!hideHeader">
|
||||
<h3>解析结果</h3>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
|
|
@ -143,6 +143,11 @@ export default {
|
|||
hideMainTabs: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 是否隐藏头部标题
|
||||
hideHeader: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
|
|
|||
Loading…
Reference in New Issue