|
@@ -215,7 +215,7 @@
|
|
|
<div class="image">
|
|
|
<img src="/common-module/public/image/jy-back.png">
|
|
|
</div>
|
|
|
- <div class="empty-main tip-text2">
|
|
|
+ <div class="empty-main tip-text2 tip-sub-text">
|
|
|
<template v-if="buyerHighSet">
|
|
|
<p>对不起,没有匹配到相关信息,</p>
|
|
|
<p>修改时间范围或换个搜索词试试吧</p>
|
|
@@ -241,325 +241,325 @@
|
|
|
<div class="module-notice-tip">注:仅针对发布了结果类公告的项目进行分析(已根据项目去重),分析条件同“招标动态”的筛选条件。</div>
|
|
|
</div>
|
|
|
<div class="tab-card-content">
|
|
|
- <div class="buyer-statistic">
|
|
|
- <div class="statistic-title">统计信息</div>
|
|
|
- <div class="buyer-info">
|
|
|
- <div class="bi-item">
|
|
|
- <span>采购项目数量</span>
|
|
|
- <span>${statistics.buyerCount || '--'}</span>
|
|
|
+ <template v-if="!noAuth">
|
|
|
+ <div class="empty-container bg-white" key="zb-analysis-content" v-if="zbAnalysisEmpty">
|
|
|
+ <div class="empty-content-position">
|
|
|
+ <div class="image">
|
|
|
+ <img src="/common-module/public/image/jy-back.png">
|
|
|
+ </div>
|
|
|
+ <p class="empty-main tip-text2 tip-sub-text">当前条件下暂无中标项目,无法进行中标分析</p>
|
|
|
</div>
|
|
|
- <div class="bi-item">
|
|
|
- <span>采购规模</span>
|
|
|
- <span>${statistics.buyerScale || '--'}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 数据部分 -->
|
|
|
+ <div v-else>
|
|
|
+ <div class="buyer-statistic">
|
|
|
+ <div class="statistic-title">概况</div>
|
|
|
+ <div class="buyer-info">
|
|
|
+ <div class="bi-item">
|
|
|
+ <span>采购项目数量</span>
|
|
|
+ <span>${statistics.buyerCount || '--'}</span>
|
|
|
+ </div>
|
|
|
+ <div class="bi-item">
|
|
|
+ <span>采购规模</span>
|
|
|
+ <span>${statistics.buyerScale || '--'}</span>
|
|
|
+ </div>
|
|
|
+ <div class="bi-item">
|
|
|
+ <span>中标企业数量</span>
|
|
|
+ <span>${statistics.winnerCount || '--'}</span>
|
|
|
+ </div>
|
|
|
+ <div class="bi-item">
|
|
|
+ <span>外省中标企业</span>
|
|
|
+ <span>${statistics.otherWinner || '--'}</span>
|
|
|
+ </div>
|
|
|
+ <div class="bi-item">
|
|
|
+ <span>流标记录数</span>
|
|
|
+ <span>${statistics.fail_count || '--'}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="static-scope">数据统计范围:${statistics.start || '-'}-${statistics.end}(结果类公告发布时间)</div>
|
|
|
</div>
|
|
|
- <div class="bi-item">
|
|
|
- <span>中标企业数量</span>
|
|
|
- <span>${statistics.winnerCount || '--'}</span>
|
|
|
+ <!-- 年度项目统计 -->
|
|
|
+ <div class="years" v-if="isShow.showYearData">
|
|
|
+ <div class="chart_title">年度项目统计</div>
|
|
|
+ <ve-histogram
|
|
|
+ ref="projectDataCharts"
|
|
|
+ height="284px"
|
|
|
+ :colors="colorGreen"
|
|
|
+ :data="projectData"
|
|
|
+ :init-options="initRendererSvg"
|
|
|
+ :after-config="projectConfig"
|
|
|
+ :settings="projectChartSettings"
|
|
|
+ :extend="barChart.chartExtend">
|
|
|
+ </ve-histogram>
|
|
|
+ <div class="bar-tip">注:项目金额指所有项目的中标金额之和,少数缺失的中标金额,用项目预算补充。</div>
|
|
|
</div>
|
|
|
- <div class="bi-item">
|
|
|
- <span>外省中标企业</span>
|
|
|
- <span>${statistics.otherWinner || '--'}</span>
|
|
|
+ <!-- 月度采购规模统计 -->
|
|
|
+ <div class="month-scale" v-if="isShow.showMonthScale">
|
|
|
+ <div class="chart_title">月度采购规模统计</div>
|
|
|
+ <div class="lineChart">
|
|
|
+ <div style="padding: 6px 12px 0;font-size: 10px;color: #9B9CA3;">采购规模(万元)</div>
|
|
|
+ <ve-line :init-options="initRendererSvg" :data="monthScaleData" height="300px" :after-config="lineChartConfig" :extend="chartOptions.lineChart"></ve-line>
|
|
|
+ </div>
|
|
|
+ <div class="bar-tip">注:采购规模指中标金额,少数缺失的中标金额,用项目预算补充。</div>
|
|
|
</div>
|
|
|
- <div class="bi-item">
|
|
|
- <span>流标记录数</span>
|
|
|
- <span>${statistics.fail_count || '--'}</span>
|
|
|
+ <!-- 采购规模分布 -->
|
|
|
+ <div class="scale-distribute" v-if="isShow.showScaleFb">
|
|
|
+ <div class="chart_title">采购规模分布</div>
|
|
|
+ <div class="hotMapChart">
|
|
|
+ <div id="myChart" ref="hotChart" :style="{height: heatMapHeight}"></div>
|
|
|
+ </div>
|
|
|
+ <div class="bar-tip">注:平均节支率=(全部项目预算-全部中标金额)/全部项目预算,是指价格减让部分与原价的比率,仅统计预算和中标金额同时存在的项目。</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="static-scope">数据统计范围:${statistics.start || '-'}-${statistics.end}(结果类公告发布时间)</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <div class="jy-empty" v-show="allNot && !noAuth">
|
|
|
- <div class="jy-empty-img"></div>
|
|
|
- <p class="jy-empty-text">对不起,没有匹配到相关信息, <br>修改时间范围或换个搜索词试试吧</p>
|
|
|
- </div> -->
|
|
|
- <div class="empty-container bg-white" key="zb-analysis-content" v-if="!noAuth && allNot">
|
|
|
- <div class="empty-content-position">
|
|
|
- <div class="image">
|
|
|
- <img src="/common-module/public/image/jy-back.png">
|
|
|
- </div>
|
|
|
- <p class="empty-main tip-text2">当前条件下暂无中标项目,无法进行中标分析</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 数据部分 -->
|
|
|
- <div>
|
|
|
- <!-- 年度项目统计 -->
|
|
|
- <div class="years" v-if="isShow.showYearData">
|
|
|
- <div class="chart_title">年度项目统计</div>
|
|
|
- <ve-histogram
|
|
|
- ref="projectDataCharts"
|
|
|
- height="284px"
|
|
|
- :colors="colorGreen"
|
|
|
- :data="projectData"
|
|
|
- :init-options="initRendererSvg"
|
|
|
- :after-config="projectConfig"
|
|
|
- :settings="projectChartSettings"
|
|
|
- :extend="barChart.chartExtend">
|
|
|
- </ve-histogram>
|
|
|
- <div class="bar-tip">注:项目金额指所有项目的中标金额之和,少数缺失的中标金额,用项目预算补充。</div>
|
|
|
- </div>
|
|
|
- <!-- 月度采购规模统计 -->
|
|
|
- <div class="month-scale" v-if="isShow.showMonthScale">
|
|
|
- <div class="chart_title">月度采购规模统计</div>
|
|
|
- <div class="lineChart">
|
|
|
- <div style="padding: 6px 12px 0;font-size: 10px;color: #9B9CA3;">采购规模(万元)</div>
|
|
|
- <ve-line :init-options="initRendererSvg" :data="monthScaleData" height="300px" :after-config="lineChartConfig" :extend="chartOptions.lineChart"></ve-line>
|
|
|
- </div>
|
|
|
- <div class="bar-tip">注:采购规模指中标金额,少数缺失的中标金额,用项目预算补充。</div>
|
|
|
- </div>
|
|
|
- <!-- 采购规模分布 -->
|
|
|
- <div class="scale-distribute" v-if="isShow.showScaleFb">
|
|
|
- <div class="chart_title">采购规模分布</div>
|
|
|
- <div class="hotMapChart">
|
|
|
- <div id="myChart" ref="hotChart" :style="{height: heatMapHeight}"></div>
|
|
|
- </div>
|
|
|
- <div class="bar-tip">注:平均节支率=(全部项目预算-全部中标金额)/全部项目预算,是指价格减让部分与原价的比率,仅统计预算和中标金额同时存在的项目。</div>
|
|
|
- </div>
|
|
|
- <!-- 各类招标方式占比(双柱图) -->
|
|
|
- <div class="double-bar" v-if="isShow.showBidType">
|
|
|
- <div class="chart_title">各类招标方式占比</div>
|
|
|
- <div class="bar-content">
|
|
|
- <div class="rate-item" v-for="(item,index) in doubleBar.list" @click.stop="tooltipHandle(item,index)">
|
|
|
- <div class="item-label">${item.type}</div>
|
|
|
- <div class="item-chart">
|
|
|
- <div class="left-chart">
|
|
|
- <div class="item-progress" v-if="item.lPercent > 50">
|
|
|
- <span class="blue-progress-bg blue-padding" :style="{width: item.lPercent + '%'}">${item.num}(${item.numShare + '%'})</span>
|
|
|
+ <!-- 各类招标方式占比(双柱图) -->
|
|
|
+ <div class="double-bar" v-if="isShow.showBidType">
|
|
|
+ <div class="chart_title">各类招标方式占比</div>
|
|
|
+ <div class="bar-content">
|
|
|
+ <div class="rate-item" v-for="(item,index) in doubleBar.list" @click.stop="tooltipHandle(item,index)">
|
|
|
+ <div class="item-label">${item.type}</div>
|
|
|
+ <div class="item-chart">
|
|
|
+ <div class="left-chart">
|
|
|
+ <div class="item-progress" v-if="item.lPercent > 50">
|
|
|
+ <span class="blue-progress-bg blue-padding" :style="{width: item.lPercent + '%'}">${item.num}(${item.numShare + '%'})</span>
|
|
|
+ </div>
|
|
|
+ <div class="item-progress" v-else>
|
|
|
+ <span class="blue-progress-text">${item.num}(${item.numShare + '%'})</span>
|
|
|
+ <span class="blue-progress-bg" :style="{width: item.lPercent + '%'}"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-chart">
|
|
|
+ <div class="item-progress" v-if="item.rPercent > 50">
|
|
|
+ <span class="yellow-progress-bg yellow-padding" :style="{width: item.rPercent + '%'}">${item.money}(${item.moneyShare + '%'})</span>
|
|
|
+ </div>
|
|
|
+ <div class="item-progress" v-else>
|
|
|
+ <span class="yellow-progress-bg" :style="{width: item.rPercent + '%'}"></span>
|
|
|
+ <span class="yellow-progress-text">${item.money}(${item.moneyShare + '%'})</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tooltip" v-show="doubleBar.showTooltip" :style="{left:doubleBar.info.positionLeft,top:doubleBar.info.positionTop}">
|
|
|
+ <div class="tooltip-item">
|
|
|
+ <span class="tooltip-circle blue-circle"></span>
|
|
|
+ <span>数量(个)及占比:${doubleBar.info.num}(${doubleBar.info.numShare + '%'})</span>
|
|
|
</div>
|
|
|
- <div class="item-progress" v-else>
|
|
|
- <span class="blue-progress-text">${item.num}(${item.numShare + '%'})</span>
|
|
|
- <span class="blue-progress-bg" :style="{width: item.lPercent + '%'}"></span>
|
|
|
+ <div class="tooltip-item">
|
|
|
+ <span class="tooltip-circle yellow-circle"></span>
|
|
|
+ <span>金额(万元)及占比:${doubleBar.info.money}(${doubleBar.info.moneyShare + '%'})</span>
|
|
|
</div>
|
|
|
+ <div class="tooltip-name">- ${doubleBar.info.type} -</div>
|
|
|
</div>
|
|
|
- <div class="right-chart">
|
|
|
- <div class="item-progress" v-if="item.rPercent > 50">
|
|
|
- <span class="yellow-progress-bg yellow-padding" :style="{width: item.rPercent + '%'}">${item.money}(${item.moneyShare + '%'})</span>
|
|
|
+ <div class="custom-legend">
|
|
|
+ <div class="legend-item">
|
|
|
+ <span class="tooltip-circle blue-circle"></span>
|
|
|
+ <span>数量(个)及占比</span>
|
|
|
</div>
|
|
|
- <div class="item-progress" v-else>
|
|
|
- <span class="yellow-progress-bg" :style="{width: item.rPercent + '%'}"></span>
|
|
|
- <span class="yellow-progress-text">${item.money}(${item.moneyShare + '%'})</span>
|
|
|
+ <div class="legend-item">
|
|
|
+ <span class="tooltip-circle yellow-circle"></span>
|
|
|
+ <span>金额(万元)及占比</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="tooltip" v-show="doubleBar.showTooltip" :style="{left:doubleBar.info.positionLeft,top:doubleBar.info.positionTop}">
|
|
|
- <div class="tooltip-item">
|
|
|
- <span class="tooltip-circle blue-circle"></span>
|
|
|
- <span>数量(个)及占比:${doubleBar.info.num}(${doubleBar.info.numShare + '%'})</span>
|
|
|
+ <!-- 各行业项目平均节支率 -->
|
|
|
+ <div class="savings-rate" v-if="isShow.showSaveRate">
|
|
|
+ <div class="chart_title">各行业项目平均节支率</div>
|
|
|
+ <div class="lineChart">
|
|
|
+ <ve-line :init-options="initRendererSvg" :data="savingsRateData" height="314px" :after-config="savingsRateConfig" :extend="chartOptions.lineChart"></ve-line>
|
|
|
</div>
|
|
|
- <div class="tooltip-item">
|
|
|
- <span class="tooltip-circle yellow-circle"></span>
|
|
|
- <span>金额(万元)及占比:${doubleBar.info.money}(${doubleBar.info.moneyShare + '%'})</span>
|
|
|
- </div>
|
|
|
- <div class="tooltip-name">- ${doubleBar.info.type} -</div>
|
|
|
</div>
|
|
|
- <div class="custom-legend">
|
|
|
- <div class="legend-item">
|
|
|
- <span class="tooltip-circle blue-circle"></span>
|
|
|
- <span>数量(个)及占比</span>
|
|
|
- </div>
|
|
|
- <div class="legend-item">
|
|
|
- <span class="tooltip-circle yellow-circle"></span>
|
|
|
- <span>金额(万元)及占比</span>
|
|
|
+ <!-- 各行业项目规模占比 -->
|
|
|
+ <div class="industry-scale-rate" v-if="isShow.showScaleRate">
|
|
|
+ <p class="chart_title">各行业项目规模占比</p>
|
|
|
+ <div class="pieChart">
|
|
|
+ <div ref="pieChart" style="height: 360px;"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 各行业项目平均节支率 -->
|
|
|
- <div class="savings-rate" v-if="isShow.showSaveRate">
|
|
|
- <div class="chart_title">各行业项目平均节支率</div>
|
|
|
- <div class="lineChart">
|
|
|
- <ve-line :init-options="initRendererSvg" :data="savingsRateData" height="314px" :after-config="savingsRateConfig" :extend="chartOptions.lineChart"></ve-line>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 各行业项目规模占比 -->
|
|
|
- <div class="industry-scale-rate" v-if="isShow.showScaleRate">
|
|
|
- <p class="chart_title">各行业项目规模占比</p>
|
|
|
- <div class="pieChart">
|
|
|
- <div ref="pieChart" style="height: 360px;"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 重点合作企业 -->
|
|
|
- <div class="client" v-if="clientList && clientList.length> 0">
|
|
|
- <div class="client-title">重点合作企业</div>
|
|
|
- <div class="client-content">
|
|
|
- <div class="client-list" v-for="(item,index) in clientList" :key="index">
|
|
|
- <div class="q-name" @click="goEntInfo(item)">${item.name}</div>
|
|
|
- <div class="c-thead">
|
|
|
- <strong class="c-name">行业</strong>
|
|
|
- <span class="c-count">项目数量</span>
|
|
|
- <span class="c-rate">平均节支率</span>
|
|
|
- <span class="c-time">最近合作日期</span>
|
|
|
- </div>
|
|
|
- <div class="progress-bar-container">
|
|
|
- <div class="progress-bar-item" >
|
|
|
- <div class="item-label">
|
|
|
- <span class="item-name">${item.business?item.business:"--"}</span>
|
|
|
- <span class="item-count">${item.total}个</span>
|
|
|
- <span v-if="item.rate == 0" class="item-rate">0%</span>
|
|
|
- <span v-else class="item-rate">${item.rate?(item.rate * 100).toFixed(2)+"%":"--"}</span>
|
|
|
- <span class="item-time">${item.lastTime}</span>
|
|
|
+ <!-- 重点合作企业 -->
|
|
|
+ <div class="client" v-if="clientList && clientList.length> 0">
|
|
|
+ <div class="client-title">重点合作企业</div>
|
|
|
+ <div class="client-content">
|
|
|
+ <div class="client-list" v-for="(item,index) in clientList" :key="index">
|
|
|
+ <div class="q-name" @click="goEntInfo(item)">${item.name}</div>
|
|
|
+ <div class="c-thead">
|
|
|
+ <strong class="c-name">行业</strong>
|
|
|
+ <span class="c-count">项目数量</span>
|
|
|
+ <span class="c-rate">平均节支率</span>
|
|
|
+ <span class="c-time">最近合作日期</span>
|
|
|
</div>
|
|
|
- <div class="item-progress">
|
|
|
- <span class="item-money" v-if="item.amount > 0">中标金额:${utils.moneyUnit(item.amount)}</span>
|
|
|
- <span class="item-progress-count active-progress" :style="{width: item.parent}"></span>
|
|
|
+ <div class="progress-bar-container">
|
|
|
+ <div class="progress-bar-item" >
|
|
|
+ <div class="item-label">
|
|
|
+ <span class="item-name">${item.business?item.business:"--"}</span>
|
|
|
+ <span class="item-count">${item.total}个</span>
|
|
|
+ <span v-if="item.rate == 0" class="item-rate">0%</span>
|
|
|
+ <span v-else class="item-rate">${item.rate?(item.rate * 100).toFixed(2)+"%":"--"}</span>
|
|
|
+ <span class="item-time">${item.lastTime}</span>
|
|
|
+ </div>
|
|
|
+ <div class="item-progress">
|
|
|
+ <span class="item-money" v-if="item.amount > 0">中标金额:${utils.moneyUnit(item.amount)}</span>
|
|
|
+ <span class="item-progress-count active-progress" :style="{width: item.parent}"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 首次合作企业 -->
|
|
|
- <div class="client" v-if="firList && firList.length> 0">
|
|
|
- <div class="client-title">首次合作企业</div>
|
|
|
- <div class="client-content">
|
|
|
- <div class="client-list" v-for="(item,index) in firList" :key="index">
|
|
|
- <div class="q-name" @click="goEntInfo(item)">${item.name}</div>
|
|
|
- <div class="c-thead">
|
|
|
- <strong class="c-name">行业</strong>
|
|
|
- <span class="c-count">项目数量</span>
|
|
|
- <span class="c-rate">平均节支率</span>
|
|
|
- <span class="c-time">最近合作日期</span>
|
|
|
- </div>
|
|
|
- <div class="progress-bar-container">
|
|
|
- <div class="progress-bar-item" >
|
|
|
- <div class="item-label">
|
|
|
- <span class="item-name">${item.business?item.business:"--"}</span>
|
|
|
- <span class="item-count">${item.total}个</span>
|
|
|
- <span v-if="item.rate == 0" class="item-rate">0%</span>
|
|
|
- <span v-else class="item-rate">${item.rate?(item.rate * 100).toFixed(2)+"%":"--"}</span>
|
|
|
- <span class="item-time">${item.lastTime}</span>
|
|
|
+ <!-- 首次合作企业 -->
|
|
|
+ <div class="client" v-if="firList && firList.length> 0">
|
|
|
+ <div class="client-title">首次合作企业</div>
|
|
|
+ <div class="client-content">
|
|
|
+ <div class="client-list" v-for="(item,index) in firList" :key="index">
|
|
|
+ <div class="q-name" @click="goEntInfo(item)">${item.name}</div>
|
|
|
+ <div class="c-thead">
|
|
|
+ <strong class="c-name">行业</strong>
|
|
|
+ <span class="c-count">项目数量</span>
|
|
|
+ <span class="c-rate">平均节支率</span>
|
|
|
+ <span class="c-time">最近合作日期</span>
|
|
|
</div>
|
|
|
- <div class="item-progress">
|
|
|
- <span class="item-money" v-if="item.amount > 0">中标金额:${utils.moneyUnit(item.amount)}</span>
|
|
|
- <span class="item-progress-count active-progress" :style="{width: item.parent}"></span>
|
|
|
+ <div class="progress-bar-container">
|
|
|
+ <div class="progress-bar-item" >
|
|
|
+ <div class="item-label">
|
|
|
+ <span class="item-name">${item.business?item.business:"--"}</span>
|
|
|
+ <span class="item-count">${item.total}个</span>
|
|
|
+ <span v-if="item.rate == 0" class="item-rate">0%</span>
|
|
|
+ <span v-else class="item-rate">${item.rate?(item.rate * 100).toFixed(2)+"%":"--"}</span>
|
|
|
+ <span class="item-time">${item.lastTime}</span>
|
|
|
+ </div>
|
|
|
+ <div class="item-progress">
|
|
|
+ <span class="item-money" v-if="item.amount > 0">中标金额:${utils.moneyUnit(item.amount)}</span>
|
|
|
+ <span class="item-progress-count active-progress" :style="{width: item.parent}"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 合作企业注册资本分布 -->
|
|
|
- <div class="industry-scale-rate" v-if="isShow.showCapital">
|
|
|
- <p class="chart_title">合作企业注册资本分布</p>
|
|
|
- <div class="barChart">
|
|
|
- <ve-histogram :init-options="initRendererSvg" height="284px" set-option-opts :data="regCapitalData" :after-config="regCapConfig" :settings="regCapSettings" :extend="chartOptions.barLineChart.chartExtend"> </ve-histogram>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 合作企业年龄分布 -->
|
|
|
- <div class="industry-scale-rate" v-if="isShow.showAge">
|
|
|
- <p class="chart_title">合作企业年龄分布</p>
|
|
|
- <div class="barChart">
|
|
|
- <ve-histogram :init-options="initRendererSvg" height="284px" :data="workingAgeData" :after-config="workingAgeConfig" :extend="chartOptions.barLineChart.chartExtend"> </ve-histogram>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 合作企业注册地分布 -->
|
|
|
- <div class="industry-scale-rate" v-if="isShow.showArea">
|
|
|
- <p class="chart_title">合作企业注册地分布</p>
|
|
|
- <div class="map" style="padding: 0 .32rem;">
|
|
|
- <ve-map
|
|
|
- :init-options="initRendererSvg"
|
|
|
- height="400px"
|
|
|
- :after-config="mapConfig"
|
|
|
- :data="mapChartData"
|
|
|
- :settings="mapSettings.chartSettings"
|
|
|
- :extend="mapSettings.chartExtend">
|
|
|
- </ve-map>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 重点合作代理机构 -->
|
|
|
- <div class="agency" v-if="isShow.showAgency">
|
|
|
- <div class="agency-title">重点合作代理机构</div>
|
|
|
- <div class="agency-container">
|
|
|
- <div class="agency-thead">
|
|
|
- <strong class="a-name"></strong>
|
|
|
- <span class="a-count">项目数量</span>
|
|
|
- <span class="a-time">最近合作日期</span>
|
|
|
+ <!-- 合作企业注册资本分布 -->
|
|
|
+ <div class="industry-scale-rate" v-if="isShow.showCapital">
|
|
|
+ <p class="chart_title">合作企业注册资本分布</p>
|
|
|
+ <div class="barChart">
|
|
|
+ <ve-histogram :init-options="initRendererSvg" height="284px" set-option-opts :data="regCapitalData" :after-config="regCapConfig" :settings="regCapSettings" :extend="chartOptions.barLineChart.chartExtend"> </ve-histogram>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 合作企业年龄分布 -->
|
|
|
+ <div class="industry-scale-rate" v-if="isShow.showAge">
|
|
|
+ <p class="chart_title">合作企业年龄分布</p>
|
|
|
+ <div class="barChart">
|
|
|
+ <ve-histogram :init-options="initRendererSvg" height="284px" :data="workingAgeData" :after-config="workingAgeConfig" :extend="chartOptions.barLineChart.chartExtend"> </ve-histogram>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 合作企业注册地分布 -->
|
|
|
+ <div class="industry-scale-rate" v-if="isShow.showArea">
|
|
|
+ <p class="chart_title">合作企业注册地分布</p>
|
|
|
+ <div class="map" style="padding: 0 .32rem;">
|
|
|
+ <ve-map
|
|
|
+ :init-options="initRendererSvg"
|
|
|
+ height="400px"
|
|
|
+ :after-config="mapConfig"
|
|
|
+ :data="mapChartData"
|
|
|
+ :settings="mapSettings.chartSettings"
|
|
|
+ :extend="mapSettings.chartExtend">
|
|
|
+ </ve-map>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="agency-tbody">
|
|
|
- <div v-for="item in agencyList" class="ab-list">
|
|
|
- <div class="ab-label">
|
|
|
- <span class="ellipsis-2 ab-name">${item.agency_name}</span>
|
|
|
- <span class="ab-count">${item.project_count}个</span>
|
|
|
- <span class="ab-time">${item.last_with_time}</span>
|
|
|
+ <!-- 重点合作代理机构 -->
|
|
|
+ <div class="agency" v-if="isShow.showAgency">
|
|
|
+ <div class="agency-title">重点合作代理机构</div>
|
|
|
+ <div class="agency-container">
|
|
|
+ <div class="agency-thead">
|
|
|
+ <strong class="a-name"></strong>
|
|
|
+ <span class="a-count">项目数量</span>
|
|
|
+ <span class="a-time">最近合作日期</span>
|
|
|
</div>
|
|
|
- <div class="ab-progress">
|
|
|
- <span class="ab-progress-default progress-active" :style="{width: item.parent}"></span>
|
|
|
+ <div class="agency-tbody">
|
|
|
+ <div v-for="item in agencyList" class="ab-list">
|
|
|
+ <div class="ab-label">
|
|
|
+ <span class="ellipsis-2 ab-name">${item.agency_name}</span>
|
|
|
+ <span class="ab-count">${item.project_count}个</span>
|
|
|
+ <span class="ab-time">${item.last_with_time}</span>
|
|
|
+ </div>
|
|
|
+ <div class="ab-progress">
|
|
|
+ <span class="ab-progress-default progress-active" :style="{width: item.parent}"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </template>
|
|
|
+ <!-- 遮罩部分 -->
|
|
|
+ <div v-if="noAuth">
|
|
|
+ <!-- 历史项目联系人 -->
|
|
|
+ <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">历史项目联系方式</p>
|
|
|
+ <buyer-example type="item_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/01.png'></buyer-example>
|
|
|
+ </div> -->
|
|
|
+ <!-- 合作企业注册资本分布 -->
|
|
|
+ <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/09-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">合作企业注册资本分布</p>
|
|
|
+ <buyer-example type="item_9" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/09.png'></buyer-example>
|
|
|
+ </div> -->
|
|
|
+ <!-- 合作企业年龄分布 -->
|
|
|
+ <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/10-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">合作企业年龄分布</p>
|
|
|
+ <buyer-example type="item_10" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/10.png'></buyer-example>
|
|
|
+ </div> -->
|
|
|
+ <!-- 合作企业注册地分布 -->
|
|
|
+ <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/11-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">合作企业注册地分布</p>
|
|
|
+ <buyer-example type="item_11" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/11.png'></buyer-example>
|
|
|
+ </div> -->
|
|
|
+ <!-- 年度项目统计 -->
|
|
|
+ <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/02-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">年度项目统计</p>
|
|
|
+ <buyer-example type="item_2" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/02.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 月度采购规模统计 -->
|
|
|
+ <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/03-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">月度采购规模统计</p>
|
|
|
+ <buyer-example type="item_3" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/03.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 采购规模分布 -->
|
|
|
+ <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/04-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">采购规模分布</p>
|
|
|
+ <buyer-example type="item_4" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/04.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 各类招标方式占比(双柱图) -->
|
|
|
+ <div class="vip_component" style="height:8.8rem;background:url('/common-module/collection/image/buyer/05-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">各类招标方式占比</p>
|
|
|
+ <buyer-example type="item_5" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/05.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 各行业项目平均节支率 -->
|
|
|
+ <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/06-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">各行业项目平均节支率</p>
|
|
|
+ <buyer-example type="item_6" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/06.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 重点合作代理机构 -->
|
|
|
+ <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/12-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">重点合作代理机构</p>
|
|
|
+ <buyer-example type="item_12" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/12.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 各行业项目规模占比 -->
|
|
|
+ <div class="vip_component" style="height:11.2rem;background:url('/common-module/collection/image/buyer/07-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">各行业项目规模占比</p>
|
|
|
+ <buyer-example type="item_7" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/07.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 重点合作企业 -->
|
|
|
+ <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/08-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">重点合作企业</p>
|
|
|
+ <buyer-example type="item_8" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/08.png'></buyer-example>
|
|
|
+ </div>
|
|
|
+ <!-- 首次合作企业 -->
|
|
|
+ <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/08-bg.png') no-repeat;background-size:100% 100%">
|
|
|
+ <p class="example-title">首次合作企业</p>
|
|
|
+ <buyer-example type="item_88" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/088.png'></buyer-example>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 遮罩部分 -->
|
|
|
- <div v-if="noAuth">
|
|
|
- <!-- 历史项目联系人 -->
|
|
|
- <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">历史项目联系方式</p>
|
|
|
- <buyer-example type="item_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/01.png'></buyer-example>
|
|
|
- </div> -->
|
|
|
- <!-- 合作企业注册资本分布 -->
|
|
|
- <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/09-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">合作企业注册资本分布</p>
|
|
|
- <buyer-example type="item_9" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/09.png'></buyer-example>
|
|
|
- </div> -->
|
|
|
- <!-- 合作企业年龄分布 -->
|
|
|
- <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/10-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">合作企业年龄分布</p>
|
|
|
- <buyer-example type="item_10" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/10.png'></buyer-example>
|
|
|
- </div> -->
|
|
|
- <!-- 合作企业注册地分布 -->
|
|
|
- <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/11-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">合作企业注册地分布</p>
|
|
|
- <buyer-example type="item_11" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/11.png'></buyer-example>
|
|
|
- </div> -->
|
|
|
- <!-- 年度项目统计 -->
|
|
|
- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/02-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">年度项目统计</p>
|
|
|
- <buyer-example type="item_2" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/02.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 月度采购规模统计 -->
|
|
|
- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/03-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">月度采购规模统计</p>
|
|
|
- <buyer-example type="item_3" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/03.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 采购规模分布 -->
|
|
|
- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/04-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">采购规模分布</p>
|
|
|
- <buyer-example type="item_4" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/04.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 各类招标方式占比(双柱图) -->
|
|
|
- <div class="vip_component" style="height:8.8rem;background:url('/common-module/collection/image/buyer/05-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">各类招标方式占比</p>
|
|
|
- <buyer-example type="item_5" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/05.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 各行业项目平均节支率 -->
|
|
|
- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/06-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">各行业项目平均节支率</p>
|
|
|
- <buyer-example type="item_6" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/06.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 重点合作代理机构 -->
|
|
|
- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/12-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">重点合作代理机构</p>
|
|
|
- <buyer-example type="item_12" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/12.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 各行业项目规模占比 -->
|
|
|
- <div class="vip_component" style="height:11.2rem;background:url('/common-module/collection/image/buyer/07-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">各行业项目规模占比</p>
|
|
|
- <buyer-example type="item_7" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/07.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 重点合作企业 -->
|
|
|
- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/08-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">重点合作企业</p>
|
|
|
- <buyer-example type="item_8" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/08.png'></buyer-example>
|
|
|
- </div>
|
|
|
- <!-- 首次合作企业 -->
|
|
|
- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/08-bg.png') no-repeat;background-size:100% 100%">
|
|
|
- <p class="example-title">首次合作企业</p>
|
|
|
- <buyer-example type="item_88" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/088.png'></buyer-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!-- <div class="jy-empty" v-show="allNot && !noAuth">
|
|
|
+ <div class="jy-empty-img"></div>
|
|
|
+ <p class="jy-empty-text">对不起,没有匹配到相关信息, <br>修改时间范围或换个搜索词试试吧</p>
|
|
|
+ </div> -->
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
</div>
|