|
@@ -13,19 +13,19 @@
|
|
|
@command="dropDownClick"
|
|
|
placement="bottom"
|
|
|
:class="{
|
|
|
- highlight: value.dropDownShow
|
|
|
- }"
|
|
|
+ highlight: value.dropDownShow
|
|
|
+ }"
|
|
|
v-for="(value, key) in dimensionsTitle"
|
|
|
:key="key"
|
|
|
size="small"
|
|
|
>
|
|
|
- <span class="el-dropdown-link" @click="dropDownClick(value)">
|
|
|
- <span class="dropdown-text">{{ value.name }}</span>
|
|
|
- <i
|
|
|
- class="el-icon-caret-bottom"
|
|
|
- :class="{ highlight: value.dropDownShow }"
|
|
|
- ></i>
|
|
|
- </span>
|
|
|
+ <span class="el-dropdown-link" @click="dropDownClick(value)">
|
|
|
+ <span class="dropdown-text">{{ value.name }}</span>
|
|
|
+ <i
|
|
|
+ class="el-icon-caret-bottom"
|
|
|
+ :class="{ highlight: value.dropDownShow }"
|
|
|
+ ></i>
|
|
|
+ </span>
|
|
|
<el-dropdown-menu
|
|
|
slot="dropdown"
|
|
|
:append-to-body="false"
|
|
@@ -43,7 +43,12 @@
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-button class="download-report-btn" type="primary" @click="downloadReport">下载报告</el-button>
|
|
|
+ <el-button
|
|
|
+ class="download-report-btn"
|
|
|
+ type="primary"
|
|
|
+ @click="downloadReport"
|
|
|
+ >下载报告</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="analysis-limit-time analysis-wrap">
|
|
|
<div class="analysis-label">数据统计范围:</div>
|
|
@@ -192,7 +197,7 @@
|
|
|
"
|
|
|
v-loading="!sections.loaded.top3"
|
|
|
>
|
|
|
- <!-- 原项目数量TOP3地区的重点中标单位--改为全部地区-->
|
|
|
+ <!-- 原项目数量TOP3地区的重点中标单位--改为全部地区-->
|
|
|
<p class="ar-table-title">各地区重点中标单位-项目数量</p>
|
|
|
<Top3Table
|
|
|
v-if="sections.areaScatter.projectCount"
|
|
@@ -264,14 +269,11 @@
|
|
|
class="ar-table"
|
|
|
v-if="
|
|
|
!sections.loaded.top3 ||
|
|
|
- (sections.userScatter.projectCount &&
|
|
|
- sections.loaded.top3)
|
|
|
+ (sections.userScatter.projectCount && sections.loaded.top3)
|
|
|
"
|
|
|
v-loading="!sections.loaded.top3"
|
|
|
>
|
|
|
- <p class="ar-table-title">
|
|
|
- 各客户类型重点中标单位-项目数量
|
|
|
- </p>
|
|
|
+ <p class="ar-table-title">各客户类型重点中标单位-项目数量</p>
|
|
|
<Top3Table
|
|
|
v-if="sections.userScatter.projectCount"
|
|
|
:tableData="sections.userScatter.projectCount"
|
|
@@ -285,14 +287,11 @@
|
|
|
class="ar-table"
|
|
|
v-if="
|
|
|
!sections.loaded.top3 ||
|
|
|
- (sections.userScatter.projectAmount &&
|
|
|
- sections.loaded.top3)
|
|
|
+ (sections.userScatter.projectAmount && sections.loaded.top3)
|
|
|
"
|
|
|
v-loading="!sections.loaded.top3"
|
|
|
>
|
|
|
- <p class="ar-table-title">
|
|
|
- 各客户类型重点中标单位-项目金额
|
|
|
- </p>
|
|
|
+ <p class="ar-table-title">各客户类型重点中标单位-项目金额</p>
|
|
|
<Top3Table
|
|
|
v-if="sections.userScatter.projectAmount"
|
|
|
:tableData="sections.userScatter.projectAmount"
|
|
@@ -486,7 +485,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="top3-table-list pd-lr20">
|
|
|
- <div class="ar-table winner-count-top3" v-if="isConf26 && sections.winner.projectCountTop3">
|
|
|
+ <div
|
|
|
+ class="ar-table winner-count-top3"
|
|
|
+ v-if="isConf26 && sections.winner.projectCountTop3"
|
|
|
+ >
|
|
|
<p class="ar-table-title">
|
|
|
项目数量TOP30中标单位及其重点合作采购单位
|
|
|
</p>
|
|
@@ -507,7 +509,10 @@
|
|
|
k="项目数量TOP30中标单位及其重点合作采购单位"
|
|
|
:item="vipUpgradeMap[Object.keys(vipUpgradeMap)[6]]"
|
|
|
></MaskCard>
|
|
|
- <div class="ar-table winner-amount-top3" v-if="isConf26 && sections.winner.projectAmountTop3">
|
|
|
+ <div
|
|
|
+ class="ar-table winner-amount-top3"
|
|
|
+ v-if="isConf26 && sections.winner.projectAmountTop3"
|
|
|
+ >
|
|
|
<p class="ar-table-title">
|
|
|
中标金额TOP30中标单位及其重点合作采购单位
|
|
|
</p>
|
|
@@ -566,7 +571,14 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { Dropdown, DropdownMenu, DropdownItem, Icon, Tabs, TabPane } from 'element-ui'
|
|
|
+import {
|
|
|
+ Dropdown,
|
|
|
+ DropdownMenu,
|
|
|
+ DropdownItem,
|
|
|
+ Icon,
|
|
|
+ Tabs,
|
|
|
+ TabPane
|
|
|
+} from 'element-ui'
|
|
|
import MarketOverview from '@/views/analysisReport/components/MarketOverview.vue'
|
|
|
import ProjectScatter from '@/views/analysisReport/components/ProjectScatter.vue'
|
|
|
import MarketTimeScatter from '@/views/analysisReport/components/MarketTimeScatter.vue'
|
|
@@ -915,7 +927,7 @@ export default {
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState({
|
|
|
- info: (state) => state.user.info,
|
|
|
+ info: (state) => state.user.info
|
|
|
}),
|
|
|
...mapGetters('user', ['bigmember', 'entniche']),
|
|
|
reportSelectedKeywords() {
|
|
@@ -965,8 +977,11 @@ export default {
|
|
|
return winnerState.dataAlready && winnerState.chartData
|
|
|
},
|
|
|
// 是否展示底部下载提示
|
|
|
- bottomDownloadShow () {
|
|
|
- return this.sections.market.overview.length > 0 && this.sections.market.overview[0]?.count
|
|
|
+ bottomDownloadShow() {
|
|
|
+ return (
|
|
|
+ this.sections.market.overview.length > 0 &&
|
|
|
+ this.sections.market.overview[0]?.count
|
|
|
+ )
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -995,9 +1010,9 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
// 处理底部下载提示框展示宽度
|
|
|
- getBottomFixedWidth () {
|
|
|
+ getBottomFixedWidth() {
|
|
|
const originWidth = this.calcOriginWidth()
|
|
|
- if(this.$root.$el.querySelector('.download-bottom-tip')) {
|
|
|
+ if (this.$root.$el.querySelector('.download-bottom-tip')) {
|
|
|
this.$root.$el.querySelector('.download-bottom-tip').style.width =
|
|
|
originWidth + 'px'
|
|
|
}
|
|
@@ -1025,7 +1040,8 @@ export default {
|
|
|
originWidth + 'px'
|
|
|
this.dimFixed = true
|
|
|
} else {
|
|
|
- this.$root.$el.querySelector('.analysis-dimensions').style.width = '100%'
|
|
|
+ this.$root.$el.querySelector('.analysis-dimensions').style.width =
|
|
|
+ '100%'
|
|
|
this.dimFixed = false
|
|
|
}
|
|
|
},
|
|
@@ -1813,7 +1829,7 @@ export default {
|
|
|
const row = {
|
|
|
index: index + 1,
|
|
|
name: item.name,
|
|
|
- value: formatPrice(item.area_amount / 10000) + '万元',
|
|
|
+ value: formatPrice(item.buyclass_amount / 10000) + '万元',
|
|
|
percent: item.buyclass_scale
|
|
|
? `${formatPrice(item.buyclass_scale * 100)}%`
|
|
|
: '',
|
|
@@ -2446,17 +2462,16 @@ export default {
|
|
|
this.$refs.collectRef.noCallApiFn(source)
|
|
|
},
|
|
|
// 下载报告
|
|
|
- downloadReport () {
|
|
|
+ downloadReport() {
|
|
|
this.downloadReportFun(this.reportDownloadDialog)
|
|
|
},
|
|
|
// 申请免费体验
|
|
|
- goFreeExperience () {
|
|
|
+ goFreeExperience() {
|
|
|
const _this = this
|
|
|
- if(this.entniche || this.bigmember) {
|
|
|
+ if (this.entniche || this.bigmember) {
|
|
|
const config = {
|
|
|
title: '申请免费体验',
|
|
|
- messageInfo:
|
|
|
- '<p>您可联系客服,申请体验查看完整报告内容</p>',
|
|
|
+ messageInfo: '<p>您可联系客服,申请体验查看完整报告内容</p>',
|
|
|
confirmButtonText: '我再想想',
|
|
|
cancelButtonText: '联系客服',
|
|
|
showCancelButton: true,
|
|
@@ -2734,7 +2749,7 @@ i.el-icon-caret-bottom {
|
|
|
|
|
|
.analysis-dimensions {
|
|
|
justify-content: space-between;
|
|
|
- .left-con{
|
|
|
+ .left-con {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
@@ -2765,10 +2780,10 @@ i.el-icon-caret-bottom {
|
|
|
margin-left: -1px;
|
|
|
}
|
|
|
}
|
|
|
- .download-report-btn{
|
|
|
- height:36px;
|
|
|
+ .download-report-btn {
|
|
|
+ height: 36px;
|
|
|
border-radius: 6px;
|
|
|
- font-size:16px;
|
|
|
+ font-size: 16px;
|
|
|
padding: 6px 34px;
|
|
|
}
|
|
|
}
|
|
@@ -2817,5 +2832,4 @@ i.el-icon-caret-bottom {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
</style>
|