招标解析
This commit is contained in:
parent
7a212705c1
commit
2a288052a4
|
|
@ -4,15 +4,17 @@
|
||||||
<!-- 头部导航 -->
|
<!-- 头部导航 -->
|
||||||
<AnalysisHeader @back="handleBack" />
|
<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">
|
<div class="main-tabs-container">
|
||||||
<el-tabs v-model="activeMainTab" @tab-click="handleMainTabClick" class="main-tabs">
|
<el-tabs v-model="activeMainTab" @tab-click="handleMainTabClick" class="main-tabs">
|
||||||
<el-tab-pane
|
<el-tab-pane v-for="tab in mainTabs" :key="tab.name" :label="tab.label" :name="tab.name" />
|
||||||
v-for="tab in mainTabs"
|
|
||||||
:key="tab.name"
|
|
||||||
:label="tab.label"
|
|
||||||
:name="tab.name"
|
|
||||||
/>
|
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -22,7 +24,8 @@
|
||||||
<div class="left-panel">
|
<div class="left-panel">
|
||||||
<AnalysisResultPanel ref="resultPanel" :main-tabs="mainTabs" :default-main-tab="activeMainTab"
|
<AnalysisResultPanel ref="resultPanel" :main-tabs="mainTabs" :default-main-tab="activeMainTab"
|
||||||
:default-sub-tab="defaultSubTab" @main-tab-change="handleMainTabChange"
|
: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>
|
<template #project-tenderer>
|
||||||
<div class="content-section">
|
<div class="content-section">
|
||||||
|
|
@ -184,9 +187,11 @@
|
||||||
<DocumentPreviewPanel :tender-document-url="tenderDocumentUrl"
|
<DocumentPreviewPanel :tender-document-url="tenderDocumentUrl"
|
||||||
:tender-document-title="tenderDocumentTitle" :tender-document-key="tenderDocumentKey"
|
:tender-document-title="tenderDocumentTitle" :tender-document-key="tenderDocumentKey"
|
||||||
:bid-document-url="bidDocumentUrl" :bid-document-title="bidDocumentTitle"
|
: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>
|
||||||
</div>
|
</div>
|
||||||
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -368,6 +373,30 @@ export default {
|
||||||
background: linear-gradient(180deg, #F1F6FF 0%, #E5EFFF 100%);
|
background: linear-gradient(180deg, #F1F6FF 0%, #E5EFFF 100%);
|
||||||
overflow: hidden;
|
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 {
|
.main-tabs-container {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!-- 解析结果面板 -->
|
<!-- 解析结果面板 -->
|
||||||
<template>
|
<template>
|
||||||
<div class="analysis-result-panel">
|
<div class="analysis-result-panel">
|
||||||
<div class="panel-header">
|
<div class="panel-header" v-if="!hideHeader">
|
||||||
<h3>解析结果</h3>
|
<h3>解析结果</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-content">
|
<div class="panel-content">
|
||||||
|
|
@ -143,6 +143,11 @@ export default {
|
||||||
hideMainTabs: {
|
hideMainTabs: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
|
},
|
||||||
|
// 是否隐藏头部标题
|
||||||
|
hideHeader: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue