|
@@ -1,689 +1,729 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="zh-CN">
|
|
|
+
|
|
|
<head>
|
|
|
<!--引入公共资源头部-->
|
|
|
{{include "/big-member/meta.html"}}
|
|
|
- <title>市场分析报告</title>
|
|
|
+ <title>市场分析定制报告</title>
|
|
|
<link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
|
|
|
<link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
|
|
|
<link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
|
|
|
- <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}'/>
|
|
|
- <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/css/report_analysis.css?v={{Msg "seo" "version"}}1' />
|
|
|
- <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}' />
|
|
|
- <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/filter/css/project_header.css?v={{Msg "seo" "version"}}' />
|
|
|
+ <link rel="stylesheet"
|
|
|
+ href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}' />
|
|
|
+ <link rel="stylesheet"
|
|
|
+ href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/css/report_analysis.css?v={{Msg "seo" "version"}}1' />
|
|
|
+ <link rel="stylesheet"
|
|
|
+ href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}' />
|
|
|
+ <link rel="stylesheet"
|
|
|
+ href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/filter/css/project_header.css?v={{Msg "seo" "version"}}' />
|
|
|
+ <link rel="stylesheet"
|
|
|
+ href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/css/downloadpopup.css?v={{Msg "seo" "version"}}' />
|
|
|
+
|
|
|
<style>
|
|
|
+
|
|
|
/* fix: --- 弹窗组件不能显示底部问题 */
|
|
|
.report-popup .j-main.unitTab {
|
|
|
height: unset;
|
|
|
}
|
|
|
+
|
|
|
.collection .unitTab {
|
|
|
flex: 1;
|
|
|
}
|
|
|
- .example-title{
|
|
|
- padding: .32rem .32rem .12rem;
|
|
|
- font-size: .36rem;
|
|
|
- line-height: .52rem;
|
|
|
- color: #171826;
|
|
|
- font-weight: bold;
|
|
|
- background-color: #fcfcfd;
|
|
|
- }
|
|
|
- .vip_openDialog{
|
|
|
- margin-top: 0.92rem 0 .6rem;
|
|
|
- width: 6.06rem;
|
|
|
- background: url(/jyapp/big-member/image/openVip.png) no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- .vip_openDialog .goBtn{
|
|
|
- margin-bottom: .48rem;
|
|
|
- }
|
|
|
- .vip_extend{
|
|
|
- padding: .16rem 0 0;
|
|
|
- line-height: .4rem;
|
|
|
- color: #171826;
|
|
|
- }
|
|
|
- .vip_component {
|
|
|
- margin-top: .16rem;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
|
|
|
- .vip_component .example-title {
|
|
|
- width: 100%;
|
|
|
- min-height: .96rem;
|
|
|
- background: #fcfcfd;
|
|
|
- font-size: .36rem;
|
|
|
- }
|
|
|
- .vip_component .chart_com{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- height: inherit;
|
|
|
- }
|
|
|
+ .example-title {
|
|
|
+ padding: .32rem .32rem .12rem;
|
|
|
+ font-size: .36rem;
|
|
|
+ line-height: .52rem;
|
|
|
+ color: #171826;
|
|
|
+ font-weight: bold;
|
|
|
+ background-color: #fcfcfd;
|
|
|
+ }
|
|
|
+
|
|
|
+ .vip_openDialog {
|
|
|
+ margin-top: 0.92rem 0 .6rem;
|
|
|
+ width: 6.06rem;
|
|
|
+ background: url(/jyapp/big-member/image/openVip.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .vip_openDialog .goBtn {
|
|
|
+ margin-bottom: .48rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .vip_extend {
|
|
|
+ padding: .16rem 0 0;
|
|
|
+ line-height: .4rem;
|
|
|
+ color: #171826;
|
|
|
+ }
|
|
|
+
|
|
|
+ .vip_component {
|
|
|
+ margin-top: .16rem;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .vip_component .example-title {
|
|
|
+ width: 100%;
|
|
|
+ min-height: .96rem;
|
|
|
+ background: #fcfcfd;
|
|
|
+ font-size: .36rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .vip_component .chart_com {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ height: inherit;
|
|
|
+ }
|
|
|
+
|
|
|
/* fix: --- end */
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
-<div class="j-container">
|
|
|
- {{include "/big-member/header.html"}}
|
|
|
- <div class="j-main" id="analysis" v-cloak>
|
|
|
- <div class="j-container">
|
|
|
- <van-tabs
|
|
|
- class="analysis-tab"
|
|
|
- :title-active-color="tabConf.titleActiveColor"
|
|
|
- :title-inactive-color="tabConf.titleInactiveColor"
|
|
|
- :line-width="tabConf.lineWidth"
|
|
|
- :color="tabConf.color"
|
|
|
- :before-change="beforeTabChange"
|
|
|
- v-model="tabActiveName">
|
|
|
- <van-tab
|
|
|
- v-for="(tab, index) in tabList"
|
|
|
- :key="index"
|
|
|
- :title="tab.label"
|
|
|
- :name="tab.name"></van-tab>
|
|
|
- </van-tabs>
|
|
|
- <section v-show="tabActiveName === 'analysis'" class="j-main analysis-content">
|
|
|
- <div class="j-container search-filters bg-white" v-show="!rid">
|
|
|
- <div class="j-main">
|
|
|
- <div class="height8">height8</div>
|
|
|
- <div class="filters-title pd-lr16">
|
|
|
- <span>分析条件</span>
|
|
|
- </div>
|
|
|
- <van-cell-group class="filters-list">
|
|
|
- <van-cell center title="分析内容" is-link value-class="ellipsis" :value="resolveSelected('keys')" @click="clickCell('keys')"></van-cell>
|
|
|
- <van-cell center title="匹配方式" is-link value-class="ellipsis" :value="resolveSelected('matchway')" @click="clickCell('matchway')"></van-cell>
|
|
|
- <van-cell center title="区域" is-link value-class="ellipsis" :value="resolveSelected('area')" @click="clickCell('area')"></van-cell>
|
|
|
- <van-cell center title="行业" is-link value-class="ellipsis" :value="resolveSelected('industry')" @click="clickCell('industry')"></van-cell>
|
|
|
- <van-cell center title="采购单位类型" value-class="ellipsis" is-link :value="resolveSelected('buyerclass')" @click="clickCell('buyerclass')"></van-cell>
|
|
|
- <div class="date-cell collection">
|
|
|
- <div class="cell-title">时间</div>
|
|
|
- <date-component
|
|
|
- ref="dateSelector"
|
|
|
- popup-container="body"
|
|
|
- :diy="true"
|
|
|
- :times="timeOptions"></date-component>
|
|
|
+ <div class="j-container">
|
|
|
+ {{include "/big-member/header.html"}}
|
|
|
+ <div class="j-main" id="analysis" v-cloak>
|
|
|
+ <div class="j-container">
|
|
|
+ <van-tabs class="analysis-tab" :title-active-color="tabConf.titleActiveColor"
|
|
|
+ :title-inactive-color="tabConf.titleInactiveColor" :line-width="tabConf.lineWidth"
|
|
|
+ :color="tabConf.color" :before-change="beforeTabChange" v-model="tabActiveName">
|
|
|
+ <van-tab v-for="(tab, index) in tabList" :key="index" :title="tab.label" :name="tab.name"></van-tab>
|
|
|
+ </van-tabs>
|
|
|
+ <section v-show="tabActiveName === 'analysis'" class="j-main analysis-content">
|
|
|
+ <div class="j-container search-filters bg-white" v-show="!rid">
|
|
|
+ <div class="j-main">
|
|
|
+ <div class="height8">height8</div>
|
|
|
+ <div class="filters-title pd-lr16">
|
|
|
+ <span>分析条件</span>
|
|
|
</div>
|
|
|
- </van-cell-group>
|
|
|
- <div class="empty-container analysis-empty" v-show="emptyShow">
|
|
|
- <div class="empty-content-position">
|
|
|
- <div class="image">
|
|
|
- <img src='/common-module/public/image/jy-sleep.png'>
|
|
|
+ <van-cell-group class="filters-list">
|
|
|
+ <van-cell center title="分析内容" is-link value-class="ellipsis"
|
|
|
+ :value="resolveSelected('keys')" @click="clickCell('keys')"></van-cell>
|
|
|
+ <van-cell center title="匹配方式" is-link value-class="ellipsis"
|
|
|
+ :value="resolveSelected('matchway')" @click="clickCell('matchway')"></van-cell>
|
|
|
+ <van-cell center title="区域" is-link value-class="ellipsis"
|
|
|
+ :value="resolveSelected('area')" @click="clickCell('area')"></van-cell>
|
|
|
+ <van-cell center title="行业" is-link value-class="ellipsis"
|
|
|
+ :value="resolveSelected('industry')" @click="clickCell('industry')"></van-cell>
|
|
|
+ <van-cell center title="采购单位类型" value-class="ellipsis" is-link
|
|
|
+ :value="resolveSelected('buyerclass')" @click="clickCell('buyerclass')"></van-cell>
|
|
|
+ <div class="date-cell collection">
|
|
|
+ <div class="cell-title">成交时间</div>
|
|
|
+ <date-component ref="dateSelector" popup-container="body" :diy="true"
|
|
|
+ :times="timeOptions"></date-component>
|
|
|
+ </div>
|
|
|
+ </van-cell-group>
|
|
|
+ <div class="empty-container analysis-empty" v-show="emptyShow">
|
|
|
+ <div class="empty-content-position">
|
|
|
+ <div class="image">
|
|
|
+ <img src='/common-module/public/image/jy-sleep.png'>
|
|
|
+ </div>
|
|
|
+ <div class="empty-main tip-text" v-html="empty.msg"></div>
|
|
|
</div>
|
|
|
- <div class="empty-main tip-text" v-html="empty.msg"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="j-footer j-button-group">
|
|
|
+ <button class="j-button-cancel" @click="resetAllFilters">重置</button>
|
|
|
+ <button class="j-button-confirm" @click="startAnalysis">开始分析</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="j-footer j-button-group">
|
|
|
- <button class="j-button-cancel" @click="resetAllFilters">重置</button>
|
|
|
- <button class="j-button-confirm" @click="startAnalysis">开始分析</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="j-container search-result" v-show="!filtersPageShow && rid">
|
|
|
- <div class="j-main">
|
|
|
- <div class="height8">height8</div>
|
|
|
- <van-cell-group class="filters-list">
|
|
|
- <van-cell center title="分析条件" is-link @click="toAnalysisPage"></van-cell>
|
|
|
- </van-cell-group>
|
|
|
- <div class="height8" v-show="false"></div>
|
|
|
- <section class="section bg-white dimension">
|
|
|
- <div class="section-title"> - 分析维度 -</div>
|
|
|
- <van-sticky class="section-sticky" z-index="2000" :offset-top="stickyOffset">
|
|
|
- <div class="section-content dimension-list bg-white">
|
|
|
- <div
|
|
|
- class="j-button j-button-item dimension-item"
|
|
|
- v-for="(item, index) in dimensionList"
|
|
|
- :key="index"
|
|
|
- v-text="item.name"
|
|
|
- :class="{ active: item.id === activeDimension }"
|
|
|
- @click="anchorTo(item)"
|
|
|
- ></div>
|
|
|
- </div>
|
|
|
- </van-sticky>
|
|
|
- <div class="section-footer section-tip-text">
|
|
|
- <span>数据统计范围:</span>
|
|
|
- <span v-text="formatSelectTime(reportFilters.selectTime)"></span>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!-- 市场概况 -->
|
|
|
- <section class="section bg-white market-overview" id="market" v-if="getStatus">
|
|
|
- <div class="section-title add-pro-list-inlet pd-16">
|
|
|
- <span>市场概况</span>
|
|
|
- <div class="pro_list_inlet" @click="inProList">
|
|
|
- <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/icon/icon-infor-blue.png?v={{Msg "seo" "version"}}" alt="">
|
|
|
- <span>项目明细</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="section-content market-overview-list">
|
|
|
- <div
|
|
|
- class="market-overview-item"
|
|
|
- v-for="(item, index) in sections.market.overview"
|
|
|
- :key="index">
|
|
|
- <span class="m-overview-name">${ item.label }</span>
|
|
|
- <span class="m-overview-unit">(${ item.unit })</span>
|
|
|
- <span class="m-overview-count">${ item.count }</span>
|
|
|
- <span class="m-overview-type" v-if="item.ringRatio">环比</span>
|
|
|
- <span
|
|
|
- class="m-overview-ratio"
|
|
|
- v-show="overviewRateTotal"
|
|
|
- :class="{
|
|
|
+ <div class="j-container search-result" v-show="!filtersPageShow && rid">
|
|
|
+ <div class="j-main">
|
|
|
+ <div class="height8">height8</div>
|
|
|
+ <van-cell-group class="filters-list">
|
|
|
+ <van-cell center title="分析条件" is-link @click="toAnalysisPage"></van-cell>
|
|
|
+ </van-cell-group>
|
|
|
+ <div class="height8" v-show="false"></div>
|
|
|
+ <section class="section bg-white dimension">
|
|
|
+ <div class="section-title"> - 分析维度 -</div>
|
|
|
+ <van-sticky class="section-sticky" z-index="2000" :offset-top="stickyOffset">
|
|
|
+ <div class="section-content dimension-list bg-white">
|
|
|
+ <div class="j-button j-button-item dimension-item"
|
|
|
+ v-for="(item, index) in dimensionList" :key="index" v-text="item.name"
|
|
|
+ :class="{ active: item.id === activeDimension }" @click="anchorTo(item)">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-sticky>
|
|
|
+ <div class="section-footer section-tip-text">
|
|
|
+ <span>数据统计范围:</span>
|
|
|
+ <span v-text="formatSelectTime(reportFilters.selectTime)"></span>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- 市场概况 -->
|
|
|
+ <section class="section bg-white market-overview" id="market" v-if="getStatus">
|
|
|
+ <div class="section-title add-pro-list-inlet pd-16">
|
|
|
+ <span>市场概况</span>
|
|
|
+ <div class="pro_list_inlet" @click="inProList">
|
|
|
+ <img src="{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/icon/icon-infor-blue.png?v={{Msg "seo" "version"
|
|
|
+ }}" alt="">
|
|
|
+ <span>项目明细</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section-content market-overview-list">
|
|
|
+ <div class="market-overview-item" v-for="(item, index) in sections.market.overview"
|
|
|
+ :key="index">
|
|
|
+ <span class="m-overview-name">${ item.label }</span>
|
|
|
+ <span class="m-overview-unit">(${ item.unit })</span>
|
|
|
+ <span class="m-overview-count">${ item.count }</span>
|
|
|
+ <span class="m-overview-type" v-if="item.ringRatio">环比</span>
|
|
|
+ <span class="m-overview-ratio" v-show="overviewRateTotal" :class="{
|
|
|
red: item.ringRatio > 0,
|
|
|
green: item.ringRatio < 0
|
|
|
}">
|
|
|
- <van-icon name="down" :class="{ 'icon-reverse': item.ringRatio >= 0 }" v-if="item.ringRatio"></van-icon>
|
|
|
- <span>${ item.ringRatio ? (Math.abs(item.ringRatio) + '%') : '-' }</span>
|
|
|
- </span>
|
|
|
+ <van-icon name="down" :class="{ 'icon-reverse': item.ringRatio >= 0 }"
|
|
|
+ v-if="item.ringRatio"></van-icon>
|
|
|
+ <span>${ item.ringRatio ? (Math.abs(item.ringRatio) + '%') : '-' }</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section-footer section-tip-text pd-16">
|
|
|
+ 环比:统计学术语,是表示连续2个统计周期(比如连<br />续两月)内的量的变化比。
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:8.84rem">
|
|
|
+ <div class="example-title add-pro-list-inlet">
|
|
|
+ <span>市场概况</span>
|
|
|
+ <div class="pro_list_inlet" @click="inProList">
|
|
|
+ <img src="{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/icon/icon-infor-blue.png?v={{Msg "seo" "version"
|
|
|
+ }}" alt="">
|
|
|
+ <span>项目明细</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/01-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example ref="chartExampleRef" type="item_1"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/01.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="section-footer section-tip-text pd-16">
|
|
|
- 环比:统计学术语,是表示连续2个统计周期(比如连<br />续两月)内的量的变化比。
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:8.84rem">
|
|
|
- <div class="example-title add-pro-list-inlet">
|
|
|
- <span>市场概况</span>
|
|
|
- <div class="pro_list_inlet" @click="inProList">
|
|
|
- <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/icon/icon-infor-blue.png?v={{Msg "seo" "version"}}" alt="">
|
|
|
- <span>项目明细</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/01-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example ref="chartExampleRef" type="item_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/01.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 项目规模分布 -->
|
|
|
- <section class="section bg-white pd-16 project-scatter" v-if="sections.projectScatter.dataAlready && getStatus">
|
|
|
- <div class="section-title">项目规模分布</div>
|
|
|
- <div class="section-content">
|
|
|
- <project-scatter :chart-data="sections.projectScatter.chartData"></project-scatter>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!-- 项目规模TOP10 -->
|
|
|
- <section class="section bg-white pd-16 project-scatter" v-if="sections.projectScatter.tableData.length && getStatus">
|
|
|
- <div class="section-title">项目规模TOP10</div>
|
|
|
- <div class="section-content project-top-list">
|
|
|
- <div
|
|
|
- class="project-top-item"
|
|
|
- v-for="(item, index) in sections.projectScatter.tableData"
|
|
|
- :key="index">
|
|
|
- <div class="p-t-i-hd">
|
|
|
- <div
|
|
|
- class="p-t-i-hd-l table-index-rect"
|
|
|
- :class="{
|
|
|
+ <!-- 项目规模分布 -->
|
|
|
+ <section class="section bg-white pd-16 project-scatter"
|
|
|
+ v-if="sections.projectScatter.dataAlready && getStatus">
|
|
|
+ <div class="section-title">项目规模分布</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <project-scatter :chart-data="sections.projectScatter.chartData"></project-scatter>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- 项目规模TOP10 -->
|
|
|
+ <section class="section bg-white pd-16 project-scatter"
|
|
|
+ v-if="sections.projectScatter.tableData.length && getStatus">
|
|
|
+ <div class="section-title">项目规模TOP10</div>
|
|
|
+ <div class="section-content project-top-list">
|
|
|
+ <div class="project-top-item"
|
|
|
+ v-for="(item, index) in sections.projectScatter.tableData" :key="index">
|
|
|
+ <div class="p-t-i-hd">
|
|
|
+ <div class="p-t-i-hd-l table-index-rect" :class="{
|
|
|
red: index === 0,
|
|
|
orange: index === 1,
|
|
|
'soft-orange': index === 2
|
|
|
}">
|
|
|
- ${ index + 1 }</div>
|
|
|
- <div class="p-t-i-hd-r" @click="toArticleContent(item)">
|
|
|
- <div class="project-name">${ item.projectname }</div>
|
|
|
- <div class="project-info">
|
|
|
- <div class="project-tags">
|
|
|
- <div class="j-tag tag-orange" v-if="item.sortprice">项目金额:${ item.sortprice }万元</div>
|
|
|
- <div class="j-tag tag-plain" v-if="item.area">${ item.area }</div>
|
|
|
- <div class="j-tag tag-plain" v-if="item.city">${ item.city }</div>
|
|
|
+ ${ index + 1 }</div>
|
|
|
+ <div class="p-t-i-hd-r" @click="toArticleContent(item)">
|
|
|
+ <div class="project-name">${ item.projectname }</div>
|
|
|
+ <div class="project-info">
|
|
|
+ <div class="project-tags">
|
|
|
+ <div class="j-tag tag-orange" v-if="item.sortprice">项目金额:${
|
|
|
+ item.sortprice }万元</div>
|
|
|
+ <div class="j-tag tag-plain" v-if="item.area">${ item.area }
|
|
|
+ </div>
|
|
|
+ <div class="j-tag tag-plain" v-if="item.city">${ item.city }
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="project-right">${ item.jgtime }</div>
|
|
|
</div>
|
|
|
- <div class="project-right">${ item.jgtime }</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="p-t-i-ft" v-if="item.winner_s.length">
|
|
|
+ <div class="p-t-i-ft-title">中标单位</div>
|
|
|
+ <div class="p-t-i-ft-winner" :class="{ disabled: !winner.id }"
|
|
|
+ v-for="(winner, i) in item.winner_s" :key="index" v-text="winner.name"
|
|
|
+ @click="toPortrait(winner.id, 'winner')"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="p-t-i-ft" v-if="item.winner_s.length">
|
|
|
- <div class="p-t-i-ft-title">中标单位</div>
|
|
|
- <div
|
|
|
- class="p-t-i-ft-winner"
|
|
|
- :class="{ disabled: !winner.id }"
|
|
|
- v-for="(winner, i) in item.winner_s"
|
|
|
- :key="index"
|
|
|
- v-text="winner.name"
|
|
|
- @click="toPortrait(winner.id, 'winner')"></div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:11.38rem">
|
|
|
+ <p class="example-title">项目规模分布</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/02-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_2"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/02.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 时间分布 -->
|
|
|
+ <section class="section bg-white pd-16 time-scatter"
|
|
|
+ v-if="sections.timeScatter.dataAlready">
|
|
|
+ <div class="section-header">
|
|
|
+ <div class="section-title">时间分布</div>
|
|
|
+ <div class="section-actions">
|
|
|
+ <div class="action-button"
|
|
|
+ :class="{ active: sections.timeScatter.activeAction == 'month' }"
|
|
|
+ @click="sections.timeScatter.activeAction = 'month'">
|
|
|
+ 月度数据</div>
|
|
|
+ <div class="action-button"
|
|
|
+ :class="{ active: sections.timeScatter.activeAction == 'year' }"
|
|
|
+ @click="sections.timeScatter.activeAction = 'year'">
|
|
|
+ 年度数据</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section-content">
|
|
|
+ <div class="sub-section-content">
|
|
|
+ <market-time-scatter width="100%"
|
|
|
+ :chart-data="sections.timeScatter[sections.timeScatter.activeAction].count"></market-time-scatter>
|
|
|
</div>
|
|
|
+ <div class="sub-section-content">
|
|
|
+ <market-time-scatter width="100%"
|
|
|
+ :chart-data="sections.timeScatter[sections.timeScatter.activeAction].amount"></market-time-scatter>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- 地区分布 -->
|
|
|
+ <div class="section bg-white pd-16 area-scatter"
|
|
|
+ v-if="sections.areaScatter.dataAlready && notOneAreaFilter && getStatus">
|
|
|
+ <div class="section-title">地区分布</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-area-scatter
|
|
|
+ :chart-data="sections.areaScatter.chartData"></market-area-scatter>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:11.38rem">
|
|
|
- <p class="example-title">项目规模分布</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/02-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_2" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/02.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 时间分布 -->
|
|
|
- <section class="section bg-white pd-16 time-scatter" v-if="sections.timeScatter.dataAlready">
|
|
|
- <div class="section-header">
|
|
|
- <div class="section-title">时间分布</div>
|
|
|
- <div class="section-actions">
|
|
|
- <div
|
|
|
- class="action-button"
|
|
|
- :class="{ active: sections.timeScatter.activeAction == 'month' }"
|
|
|
- @click="sections.timeScatter.activeAction = 'month'">
|
|
|
- 月度数据</div>
|
|
|
- <div
|
|
|
- class="action-button"
|
|
|
- :class="{ active: sections.timeScatter.activeAction == 'year' }"
|
|
|
- @click="sections.timeScatter.activeAction = 'year'">
|
|
|
- 年度数据</div>
|
|
|
+ <!-- 城市分布 -->
|
|
|
+ <div class="section bg-white pd-16 city-scatter"
|
|
|
+ v-if="sections.areaScatter.dataAlready && notOneAreaCityFilter && getStatus">
|
|
|
+ <div class="section-title">城市分布</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <!-- <market-area-scatter :chart-data="sections.areaScatter.chartData"></market-area-scatter> -->
|
|
|
+ <div class="section-content-header">
|
|
|
+ <div class="set-area-city" @click="setAreaCity">
|
|
|
+ <span>${sections.areaScatter.selectArea.area}</span>
|
|
|
+ <van-icon name="play"></van-icon>
|
|
|
+ </div>
|
|
|
+ <div class="set-sort-type">
|
|
|
+ <project-header :sort-option="sortOptionContent"
|
|
|
+ :sort-optiontitle="sortOptionTitle" :showtotal="false"
|
|
|
+ @setsort="setsortType"></project-header>
|
|
|
+ </div>
|
|
|
+ <div class="set-unit">单位:${sections.areaScatter.sortType===0?'个':'万元'}</div>
|
|
|
+ </div>
|
|
|
+ <div class="progress-bar-container">
|
|
|
+ <div class="progress-bar-item" v-for="(item,index) in showAreaCityBtn"
|
|
|
+ :key="index">
|
|
|
+ <div class="item-label">
|
|
|
+ <span class="item-name">${item.city}</span>
|
|
|
+ <span class="item-count"
|
|
|
+ v-if="sections.areaScatter.sortType===0">${item.total}个</span>
|
|
|
+ <span class="item-count" v-else>${showCountAmount(item)}万元</span>
|
|
|
+ </div>
|
|
|
+ <div class="item-progress">
|
|
|
+ <span class="item-progress-count blue-progress"
|
|
|
+ :style="{width: item.parent}"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more" @click="sections.areaScatter.showAreaCityListBtn = false"
|
|
|
+ v-if="sections.areaScatter.showAreaCityListBtn">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="section-content">
|
|
|
- <div class="sub-section-content">
|
|
|
- <market-time-scatter width="100%" :chart-data="sections.timeScatter[sections.timeScatter.activeAction].count"></market-time-scatter>
|
|
|
+ <van-popup v-model="sections.areaScatter.showAreaPopup" closeable round position="bottom"
|
|
|
+ close-icon="clear" class="j-popup collection" :lazy-render="false"
|
|
|
+ overlay-class="j-overlay" :style="{ height: '60%' }" get-container="body">
|
|
|
+ <div class="j-container report-popup">
|
|
|
+ <div class="popup-header header-title">请选择省份</div>
|
|
|
+ <div class="j-main area-content">
|
|
|
+ <area-component :multiple="false" :newprovincelist="reportFilters.area"
|
|
|
+ :showcountry="false" ref="areaSelector" @cancel="cancelSelectArea"
|
|
|
+ @confirm="confirmSelectArea"></area-component>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="sub-section-content">
|
|
|
- <market-time-scatter width="100%" :chart-data="sections.timeScatter[sections.timeScatter.activeAction].amount"></market-time-scatter>
|
|
|
+ </van-popup>
|
|
|
+ <div class="section bg-white pd-16"
|
|
|
+ v-if="sections.areaScatter.projectCountTop3 && getStatus">
|
|
|
+ <div class="section-title">各地区重点中标单位-项目数量</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="sections.areaScatter.projectCountTop3" type="count"
|
|
|
+ @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" v-if="sections.areaScatter.projectCountMorebtn"
|
|
|
+ @click="goAlldetail('areaScatter_projectCountMorebtn','各地区重点中标单位-项目数量')">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- <!-- 地区分布 -->
|
|
|
- <div class="section bg-white pd-16 area-scatter" v-if="sections.areaScatter.dataAlready && notOneAreaFilter && getStatus">
|
|
|
- <div class="section-title">地区分布</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-area-scatter :chart-data="sections.areaScatter.chartData"></market-area-scatter>
|
|
|
+ <div class="section bg-white pd-16"
|
|
|
+ v-if="sections.areaScatter.projectAmountTop3 && getStatus">
|
|
|
+ <div class="section-title">各地区重点中标单位-项目金额</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="sections.areaScatter.projectAmountTop3"
|
|
|
+ type="amount" @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" v-if="sections.areaScatter.projectAmountMorebtn"
|
|
|
+ @click="goAlldetail('areaScatter_projectAmountMorebtn','各地区重点中标单位-项目金额')">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 城市分布 -->
|
|
|
- <div class="section bg-white pd-16 city-scatter" v-if="sections.areaScatter.dataAlready && notOneAreaCityFilter && getStatus">
|
|
|
- <div class="section-title">城市分布</div>
|
|
|
- <div class="section-content">
|
|
|
- <!-- <market-area-scatter :chart-data="sections.areaScatter.chartData"></market-area-scatter> -->
|
|
|
- <div class="section-content-header">
|
|
|
- <div class="set-area-city" @click="setAreaCity">
|
|
|
- <span>${sections.areaScatter.selectArea.area}</span>
|
|
|
- <van-icon name="play"></van-icon>
|
|
|
- </div>
|
|
|
- <div class="set-sort-type">
|
|
|
- <project-header :sort-option="sortOptionContent" :sort-optiontitle="sortOptionTitle" :showtotal="false" @setsort="setsortType"></project-header>
|
|
|
- </div>
|
|
|
- <div class="set-unit">单位:${sections.areaScatter.sortType===0?'个':'万元'}</div>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:13.08rem">
|
|
|
+ <p class="example-title">地区分布</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/03-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_3"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/03.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="progress-bar-container">
|
|
|
- <div class="progress-bar-item" v-for="(item,index) in showAreaCityBtn" :key="index">
|
|
|
- <div class="item-label">
|
|
|
- <span class="item-name">${item.city}</span>
|
|
|
- <span class="item-count" v-if="sections.areaScatter.sortType===0">${item.total}个</span>
|
|
|
- <span class="item-count" v-else>${showCountAmount(item)}万元</span>
|
|
|
- </div>
|
|
|
- <div class="item-progress">
|
|
|
- <span class="item-progress-count blue-progress" :style="{width: item.parent}"></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!-- 客户分布 -->
|
|
|
+ <div class="section bg-white pd-16 user-scatter" v-if="sections.userScatter.list.length">
|
|
|
+ <div class="clearfix">
|
|
|
+ <div class="section-title fl_">客户分布</div>
|
|
|
+ <div class="detail-btn" @click="gotable">查看详情<img src="{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/collection/image/icon.png?v={{Msg "seo" "version"
|
|
|
+ }}" alt=""></div>
|
|
|
+ </div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-user-scatter :chart-data="sections.userScatter.list"></market-user-scatter>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="more" @click="sections.areaScatter.showAreaCityListBtn = false" v-if="sections.areaScatter.showAreaCityListBtn">
|
|
|
- <span>查看更多</span>
|
|
|
+ <div class="section bg-white pd-16" v-if="sections.userScatter.projectCountTop3">
|
|
|
+ <div class="section-title">各客户类型重点中标单位-项目数量</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="sections.userScatter.projectCountTop3" type="count"
|
|
|
+ @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" v-if="sections.userScatter.projectCountMorebtn"
|
|
|
+ @click="goAlldetail('userScatter_projectCountMorebtn','各客户类型重点中标单位-项目数量')">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <van-popup
|
|
|
- v-model="sections.areaScatter.showAreaPopup"
|
|
|
- closeable
|
|
|
- round
|
|
|
- position="bottom"
|
|
|
- close-icon="clear"
|
|
|
- class="j-popup collection"
|
|
|
- :lazy-render="false"
|
|
|
- overlay-class="j-overlay"
|
|
|
- :style="{ height: '60%' }"
|
|
|
- get-container="body">
|
|
|
- <div class="j-container report-popup">
|
|
|
- <div class="popup-header header-title">请选择省份</div>
|
|
|
- <div class="j-main area-content">
|
|
|
- <area-component
|
|
|
- :multiple="false"
|
|
|
- :newprovincelist="reportFilters.area"
|
|
|
- :showcountry="false"
|
|
|
- ref="areaSelector"
|
|
|
- @cancel="cancelSelectArea"
|
|
|
- @confirm="confirmSelectArea"></area-component>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </van-popup>
|
|
|
- <div class="section bg-white pd-16" v-if="sections.areaScatter.projectCountTop3 && getStatus">
|
|
|
- <div class="section-title">项目数量TOP3地区的重点中标单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="sections.areaScatter.projectCountTop3" type="count" @save="saveState"></market-top3-table>
|
|
|
+ <div class="section bg-white pd-16" v-if="sections.userScatter.projectAmountTop3">
|
|
|
+ <div class="section-title">各客户类型重点中标单位-项目金额</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="sections.userScatter.projectAmountTop3"
|
|
|
+ type="amount" @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" v-if="sections.userScatter.projectAmountMorebtn"
|
|
|
+ @click="goAlldetail('userScatter_projectAmountMorebtn','各客户类型重点中标单位-项目金额')">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="sections.areaScatter.projectAmountTop3 && getStatus">
|
|
|
- <div class="section-title">项目金额TOP3地区的重点中标单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="sections.areaScatter.projectAmountTop3" type="amount" @save="saveState"></market-top3-table>
|
|
|
+ <!-- 细分市场 - 项目数量 -->
|
|
|
+ <div class="section bg-white pd-16 market-refine"
|
|
|
+ v-if="sections.market.refine.dataAlready && getStatus">
|
|
|
+ <div class="section-title">细分市场 - 项目数量</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-segment :chart-data="sections.market.refine.projectCountData"
|
|
|
+ type="count"></market-segment>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:13.08rem">
|
|
|
- <p class="example-title">地区分布</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/03-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_3" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/03.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 客户分布 -->
|
|
|
- <div class="section bg-white pd-16 user-scatter" v-if="sections.userScatter.list.length">
|
|
|
- <div class="clearfix">
|
|
|
- <div class="section-title fl_">客户分布</div>
|
|
|
- <div class="detail-btn" @click="gotable">查看详情<img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/icon.png?v={{Msg "seo" "version"}}" alt=""></div>
|
|
|
- </div>
|
|
|
- <div class="section-content">
|
|
|
- <market-user-scatter :chart-data="sections.userScatter.list"></market-user-scatter>
|
|
|
+ <div class="section bg-white pd-16"
|
|
|
+ v-if="sections.market.refine.projectCountTop3 && getStatus">
|
|
|
+ <div class="section-title">细分市场的重点中标单位-项目数量</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="sections.market.refine.projectCountTop3"
|
|
|
+ type="count" @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" v-if="sections.market.refine.projectCountMorebtn"
|
|
|
+ @click="goAlldetail('market_projectCountMorebtn','细分市场的重点中标单位-项目数量')">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="sections.userScatter.projectCountTop3">
|
|
|
- <div class="section-title">项目数量TOP3客户类型的重点中标单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="sections.userScatter.projectCountTop3" type="count" @save="saveState"></market-top3-table>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:10.8rem">
|
|
|
+ <p class="example-title">细分市场 - 项目数量</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/04-2-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_4_1"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/04-2.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="sections.userScatter.projectAmountTop3">
|
|
|
- <div class="section-title">项目金额TOP3客户类型的重点中标单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="sections.userScatter.projectAmountTop3" type="amount" @save="saveState"></market-top3-table>
|
|
|
+ <!-- 细分市场 - 项目金额 -->
|
|
|
+ <div class="section bg-white pd-16 market-refine"
|
|
|
+ v-if="sections.market.refine.dataAlready && getStatus">
|
|
|
+ <div class="section-title">细分市场 - 项目金额</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-segment :chart-data="sections.market.refine.projectAmountData"
|
|
|
+ type="amount"></market-segment>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 细分市场 - 项目数量 -->
|
|
|
- <div class="section bg-white pd-16 market-refine" v-if="sections.market.refine.dataAlready && getStatus">
|
|
|
- <div class="section-title">细分市场 - 项目数量</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-segment :chart-data="sections.market.refine.projectCountData" type="count"></market-segment>
|
|
|
+ <div class="section bg-white pd-16"
|
|
|
+ v-if="sections.market.refine.projectAmountTop3 && getStatus">
|
|
|
+ <div class="section-title">细分市场的重点中标单位-项目金额</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="sections.market.refine.projectAmountTop3"
|
|
|
+ type="amount" @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" v-if="sections.market.refine.projectAmountMorebtn"
|
|
|
+ @click="goAlldetail('market_projectAmountMorebtn','细分市场的重点中标单位-项目金额')">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="sections.market.refine.projectCountTop3 && getStatus">
|
|
|
- <div class="section-title">细分市场的重点中标单位-项目数量</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="sections.market.refine.projectCountTop3" type="count" @save="saveState"></market-top3-table>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:10.8rem">
|
|
|
+ <p class="example-title">细分市场 - 项目金额</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/04-1-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_4_2"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/04-1.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:10.8rem">
|
|
|
- <p class="example-title">细分市场 - 项目数量</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/04-2-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_4_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/04-2.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 细分市场 - 项目金额 -->
|
|
|
- <div class="section bg-white pd-16 market-refine" v-if="sections.market.refine.dataAlready && getStatus">
|
|
|
- <div class="section-title">细分市场 - 项目金额</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-segment :chart-data="sections.market.refine.projectAmountData" type="amount"></market-segment>
|
|
|
+ <!-- 采购规模分布 -->
|
|
|
+ <div class="section bg-white pd-16 buyerclass-scatter" id="buyer"
|
|
|
+ v-if="sections.buyerclass.dataAlready">
|
|
|
+ <div class="section-title">采购规模分布</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <line-chart-scatter
|
|
|
+ :chart-data="sections.buyerclass.chartData"></line-chart-scatter>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="sections.market.refine.projectAmountTop3 && getStatus">
|
|
|
- <div class="section-title">细分市场的重点中标单位-项目金额</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="sections.market.refine.projectAmountTop3" type="amount" @save="saveState"></market-top3-table>
|
|
|
+ <div class="section bg-white pd-16" v-if="showBuyerBtn && getStatus">
|
|
|
+ <div class="section-title">项目数量TOP30采购单位及其重点合作中标单位</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="showBuyerBtn" type="count"
|
|
|
+ @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" @click="sections.buyerclass.showCountAllBtn = false"
|
|
|
+ v-if="sections.buyerclass.showCountAllBtn">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:10.8rem">
|
|
|
- <p class="example-title">细分市场 - 项目金额</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/04-1-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_4_2" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/04-1.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 采购规模分布 -->
|
|
|
- <div class="section bg-white pd-16 buyerclass-scatter" id="buyer" v-if="sections.buyerclass.dataAlready">
|
|
|
- <div class="section-title">采购规模分布</div>
|
|
|
- <div class="section-content">
|
|
|
- <line-chart-scatter :chart-data="sections.buyerclass.chartData"></line-chart-scatter>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:10.8rem">
|
|
|
+ <p class="example-title">项目数量TOP30采购单位及其重点合作中标单位</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/05-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_5"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/05.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="showBuyerBtn && getStatus">
|
|
|
- <div class="section-title">项目数量TOP30采购单位及其重点合作中标单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="showBuyerBtn" type="count" @save="saveState"></market-top3-table>
|
|
|
- <div class="more" @click="sections.buyerclass.showCountAllBtn = false" v-if="sections.buyerclass.showCountAllBtn">
|
|
|
- <span>查看更多</span>
|
|
|
+ <div class="section bg-white pd-16" v-if="showAmoutBtn && getStatus">
|
|
|
+ <div class="section-title">采购金额TOP30采购单位及其重点合作中标单位</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="showAmoutBtn" type="amount"
|
|
|
+ @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" @click="sections.buyerclass.showAmoutAllBtn = false"
|
|
|
+ v-if="sections.buyerclass.showAmoutAllBtn">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:10.8rem">
|
|
|
- <p class="example-title">项目数量TOP30采购单位及其重点合作中标单位</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/05-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_5" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/05.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="showAmoutBtn && getStatus">
|
|
|
- <div class="section-title">采购金额TOP30采购单位及其重点合作中标单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="showAmoutBtn" type="amount" @save="saveState"></market-top3-table>
|
|
|
- <div class="more" @click="sections.buyerclass.showAmoutAllBtn = false" v-if="sections.buyerclass.showAmoutAllBtn">
|
|
|
- <span>查看更多</span>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:10.8rem">
|
|
|
+ <p class="example-title">采购金额TOP30采购单位及其重点合作中标单位</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/06-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_6"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/06.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:10.8rem">
|
|
|
- <p class="example-title">采购金额TOP30采购单位及其重点合作中标单位</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/06-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_6" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/06.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 中标规模分布 -->
|
|
|
- <div class="section bg-white pd-16 winner-scatter" id="winner" v-if="sections.winner.dataAlready">
|
|
|
- <div class="section-title">中标规模分布</div>
|
|
|
- <div class="section-content">
|
|
|
- <line-chart-scatter :chart-data="sections.winner.chartData"></line-chart-scatter>
|
|
|
+ <!-- 中标规模分布 -->
|
|
|
+ <div class="section bg-white pd-16 winner-scatter" id="winner"
|
|
|
+ v-if="sections.winner.dataAlready">
|
|
|
+ <div class="section-title">中标规模分布</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <line-chart-scatter :chart-data="sections.winner.chartData"></line-chart-scatter>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section bg-white pd-16" v-if="showWinnerCountBtn && getStatus">
|
|
|
- <div class="section-title">项目数量TOP30中标单位及其重点合作采购单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="showWinnerCountBtn" type="count" @save="saveState"></market-top3-table>
|
|
|
- <div class="more" @click="sections.winner.showCountAllBtn = false" v-if="sections.winner.showCountAllBtn">
|
|
|
- <span>查看更多</span>
|
|
|
+ <div class="section bg-white pd-16" v-if="showWinnerCountBtn && getStatus">
|
|
|
+ <div class="section-title">项目数量TOP30中标单位及其重点合作采购单位</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="showWinnerCountBtn" type="count"
|
|
|
+ @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" @click="sections.winner.showCountAllBtn = false"
|
|
|
+ v-if="sections.winner.showCountAllBtn">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:10.8rem">
|
|
|
+ <p class="example-title">项目数量TOP30中标单位及其重点合作采购单位</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/07-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_7"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/07.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section bg-white pd-16" v-if="showWinnerAmoutBtn && getStatus">
|
|
|
+ <div class="section-title">中标金额TOP30中标单位及其重点合作采购单位</div>
|
|
|
+ <div class="section-content">
|
|
|
+ <market-top3-table :table-data="showWinnerAmoutBtn" type="amount"
|
|
|
+ @save="saveState"></market-top3-table>
|
|
|
+ <div class="more" @click="sections.winner.showAmoutAllBtn = false"
|
|
|
+ v-if="sections.winner.showAmoutAllBtn">
|
|
|
+ <span>查看更多</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="vip_component" v-if="!getStatus" style="height:10.8rem">
|
|
|
+ <p class="example-title">中标金额TOP30中标单位及其重点合作采购单位</p>
|
|
|
+ <div class="chart_com" style="background:url('{{Cdns .Host " seo" "cdn"
|
|
|
+ |SafeUrl}}/common-module/report-analysis/image/08-bg.png?v={{Msg "seo" "version"
|
|
|
+ }}') no-repeat;background-size:100% 100%">
|
|
|
+ <chart-example type="item_8"
|
|
|
+ imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/08.png?v={{Msg "seo" "version"}}'>
|
|
|
+ </chart-example>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:10.8rem">
|
|
|
- <p class="example-title">项目数量TOP30中标单位及其重点合作采购单位</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/07-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_7" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/07.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
+ <div class="fixed-bottom-right clickable scroll-to-top" style="display: none;">
|
|
|
+ <van-icon name="arrow-up"></van-icon>
|
|
|
</div>
|
|
|
- <div class="section bg-white pd-16" v-if="showWinnerAmoutBtn && getStatus">
|
|
|
- <div class="section-title">中标金额TOP30中标单位及其重点合作采购单位</div>
|
|
|
- <div class="section-content">
|
|
|
- <market-top3-table :table-data="showWinnerAmoutBtn" type="amount" @save="saveState"></market-top3-table>
|
|
|
- <div class="more" @click="sections.winner.showAmoutAllBtn = false" v-if="sections.winner.showAmoutAllBtn">
|
|
|
- <span>查看更多</span>
|
|
|
- </div>
|
|
|
+ <div class="down-footer" v-if="showdownFooter">
|
|
|
+ <div class="foot-title" v-text="downFootertitle"></div>
|
|
|
+ <div class="footbtnGroup">
|
|
|
+ <div class="btn-left" v-if="!getStatus" @click="freeGolink">申请免费体验</div>
|
|
|
+ <div class="btn-right" @click="goDown"><span>下载报告</span></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="vip_component"
|
|
|
- v-if="!getStatus"
|
|
|
- style="height:10.8rem">
|
|
|
- <p class="example-title">中标金额TOP30中标单位及其重点合作采购单位</p>
|
|
|
- <div class="chart_com" style="background:url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/08-bg.png?v={{Msg "seo" "version"}}') no-repeat;background-size:100% 100%">
|
|
|
- <chart-example type="item_8" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/image/08.png?v={{Msg "seo" "version"}}'>
|
|
|
- </chart-example>
|
|
|
- </div>
|
|
|
+ <div class="down-footer-seat" v-if="showdownFooter"></div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ <!-- 下载弹窗 -->
|
|
|
+ <downloadpopup ref="downloadpopup" @lookmore="anchorTo({top:0})" :data="{buyercount,winnercount,projectTotalMoney,projectCount,balance,getStatus}"></downloadpopup>
|
|
|
+
|
|
|
+ <van-popup v-model="filterDialogShow.keys" closeable round position="bottom" close-icon="clear"
|
|
|
+ class="j-popup collection" overlay-class="j-overlay" :lazy-render="false" :style="{ height: '60%' }"
|
|
|
+ get-container="body">
|
|
|
+ <div class="j-container keys-popup">
|
|
|
+ <div class="popup-header">
|
|
|
+ <div class="header-top">
|
|
|
+ <div class="header-title">选择分析内容</div>
|
|
|
+ <div class="header-action" @click="toSubManageButtonClick">订阅管理</div>
|
|
|
</div>
|
|
|
+ <div class="header-bottom">注:如需新增分析内容,请完善您的订阅关键词</div>
|
|
|
</div>
|
|
|
- <div class="fixed-bottom-right clickable scroll-to-top" style="display: none;">
|
|
|
- <van-icon name="arrow-up"></van-icon>
|
|
|
+ <div class="j-main">
|
|
|
+ <keyword-component ref="keywordSelector" protype="bigmember" :use-key-card="true"
|
|
|
+ @nokeys="showSetKeyTip" @cancel="cancel($event, 'keys')" @confirm="confirm($event, 'keys')"
|
|
|
+ :selectkeywordlist="filters.selectKeysArr"></keyword-component>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <van-popup
|
|
|
- v-model="filterDialogShow.keys"
|
|
|
- closeable
|
|
|
- round
|
|
|
- position="bottom"
|
|
|
- close-icon="clear"
|
|
|
- class="j-popup collection"
|
|
|
- overlay-class="j-overlay"
|
|
|
- :lazy-render="false"
|
|
|
- :style="{ height: '60%' }"
|
|
|
- get-container="body">
|
|
|
- <div class="j-container keys-popup">
|
|
|
- <div class="popup-header">
|
|
|
- <div class="header-top">
|
|
|
- <div class="header-title">选择分析内容</div>
|
|
|
- <div class="header-action" @click="toSubManageButtonClick">订阅管理</div>
|
|
|
+ </van-popup>
|
|
|
+ <van-popup v-model="filterDialogShow.matchway" closeable round position="bottom" close-icon="clear"
|
|
|
+ class="j-popup collection" overlay-class="j-overlay" :lazy-render="false" :style="{ height: '36%' }"
|
|
|
+ get-container="body">
|
|
|
+ <div class="j-container matchway-popup">
|
|
|
+ <div class="popup-header header-title">请选择匹配方式</div>
|
|
|
+ <div class="j-main">
|
|
|
+ <van-radio-group v-model="filtersCache.matchway">
|
|
|
+ <van-cell-group>
|
|
|
+ <van-cell v-for="item in matchWayList" :key="item.label" :title="item.name" clickable
|
|
|
+ @click="filtersCache.matchway = item.label">
|
|
|
+ <template #right-icon>
|
|
|
+ <van-radio checked-color="#2ABED1" :name="item.label" />
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </van-radio-group>
|
|
|
+ </div>
|
|
|
+ <div class="j-footer">
|
|
|
+ <div class="j-button-group">
|
|
|
+ <button class="j-button-cancel" @click="filtersCache.matchway = 'title'">重置</button>
|
|
|
+ <button class="j-button-confirm"
|
|
|
+ @click="filters.matchway = filtersCache.matchway;filterDialogShow.matchway = false">确认</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="header-bottom">注:如需新增分析内容,请完善您的订阅关键词</div>
|
|
|
- </div>
|
|
|
- <div class="j-main">
|
|
|
- <keyword-component
|
|
|
- ref="keywordSelector"
|
|
|
- protype="bigmember"
|
|
|
- :use-key-card="true"
|
|
|
- @nokeys="showSetKeyTip"
|
|
|
- @cancel="cancel($event, 'keys')"
|
|
|
- @confirm="confirm($event, 'keys')"
|
|
|
- :selectkeywordlist="filters.selectKeysArr"></keyword-component>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </van-popup>
|
|
|
- <van-popup
|
|
|
- v-model="filterDialogShow.matchway"
|
|
|
- closeable
|
|
|
- round
|
|
|
- position="bottom"
|
|
|
- close-icon="clear"
|
|
|
- class="j-popup collection"
|
|
|
- overlay-class="j-overlay"
|
|
|
- :lazy-render="false"
|
|
|
- :style="{ height: '36%' }"
|
|
|
- get-container="body">
|
|
|
- <div class="j-container matchway-popup">
|
|
|
- <div class="popup-header header-title">请选择匹配方式</div>
|
|
|
- <div class="j-main">
|
|
|
- <van-radio-group v-model="filtersCache.matchway">
|
|
|
- <van-cell-group>
|
|
|
- <van-cell
|
|
|
- v-for="item in matchWayList"
|
|
|
- :key="item.label"
|
|
|
- :title="item.name"
|
|
|
- clickable
|
|
|
- @click="filtersCache.matchway = item.label">
|
|
|
- <template #right-icon>
|
|
|
- <van-radio checked-color="#2ABED1" :name="item.label" />
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
- </van-radio-group>
|
|
|
- </div>
|
|
|
- <div class="j-footer">
|
|
|
- <div class="j-button-group">
|
|
|
- <button class="j-button-cancel" @click="filtersCache.matchway = 'title'">重置</button>
|
|
|
- <button class="j-button-confirm" @click="filters.matchway = filtersCache.matchway;filterDialogShow.matchway = false">确认</button>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </van-popup>
|
|
|
- <van-popup
|
|
|
- v-model="filterDialogShow.area"
|
|
|
- closeable
|
|
|
- round
|
|
|
- position="bottom"
|
|
|
- close-icon="clear"
|
|
|
- :lazy-render="false"
|
|
|
- class="j-popup collection"
|
|
|
- overlay-class="j-overlay"
|
|
|
- :style="{ height: '60%' }"
|
|
|
- get-container="body">
|
|
|
- <div class="j-container report-popup">
|
|
|
- <div class="popup-header header-title">选择区域</div>
|
|
|
- <div class="j-main">
|
|
|
- <area-city-mobile
|
|
|
- ref="areaCitySelector"
|
|
|
- @cancel="cancel($event, 'area')"
|
|
|
- @confirm="confirm($event, 'area')"></area-city-mobile>
|
|
|
+ </van-popup>
|
|
|
+ <van-popup v-model="filterDialogShow.area" closeable round position="bottom" close-icon="clear"
|
|
|
+ :lazy-render="false" class="j-popup collection" overlay-class="j-overlay" :style="{ height: '60%' }"
|
|
|
+ get-container="body">
|
|
|
+ <div class="j-container report-popup">
|
|
|
+ <div class="popup-header header-title">选择区域</div>
|
|
|
+ <div class="j-main">
|
|
|
+ <area-city-mobile ref="areaCitySelector" @cancel="cancel($event, 'area')"
|
|
|
+ @confirm="confirm($event, 'area')"></area-city-mobile>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </van-popup>
|
|
|
- <van-popup
|
|
|
- v-model="filterDialogShow.industry"
|
|
|
- closeable
|
|
|
- round
|
|
|
- position="bottom"
|
|
|
- close-icon="clear"
|
|
|
- class="j-popup collection"
|
|
|
- overlay-class="j-overlay"
|
|
|
- :lazy-render="false"
|
|
|
- :style="{ height: '60%' }"
|
|
|
- get-container="body">
|
|
|
- <div class="j-container report-popup">
|
|
|
- <div class="popup-header header-title">选择行业</div>
|
|
|
- <div class="j-main">
|
|
|
- <industry-component
|
|
|
- ref="industrySelector"
|
|
|
- :selectindustrylist="filters.industry"
|
|
|
- @cancel="cancel($event, 'industry')"
|
|
|
- @confirm="confirm($event, 'industry')"></industry-component>
|
|
|
+ </van-popup>
|
|
|
+ <van-popup v-model="filterDialogShow.industry" closeable round position="bottom" close-icon="clear"
|
|
|
+ class="j-popup collection" overlay-class="j-overlay" :lazy-render="false" :style="{ height: '60%' }"
|
|
|
+ get-container="body">
|
|
|
+ <div class="j-container report-popup">
|
|
|
+ <div class="popup-header header-title">选择行业</div>
|
|
|
+ <div class="j-main">
|
|
|
+ <industry-component ref="industrySelector" :selectindustrylist="filters.industry"
|
|
|
+ @cancel="cancel($event, 'industry')"
|
|
|
+ @confirm="confirm($event, 'industry')"></industry-component>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </van-popup>
|
|
|
- <van-popup
|
|
|
- v-model="filterDialogShow.buyerclass"
|
|
|
- closeable
|
|
|
- round
|
|
|
- position="bottom"
|
|
|
- close-icon="clear"
|
|
|
- class="j-popup collection"
|
|
|
- :lazy-render="false"
|
|
|
- overlay-class="j-overlay"
|
|
|
- :style="{ height: '60%' }"
|
|
|
- get-container="body">
|
|
|
- <div class="j-container report-popup">
|
|
|
- <div class="popup-header header-title">选择采购单位类型</div>
|
|
|
- <div class="j-main">
|
|
|
- <cate-component
|
|
|
- ref="buyerclassSelector"
|
|
|
- :selectcatelist="filters.buyerclass"
|
|
|
- @cancel="cancel($event, 'buyerclass')"
|
|
|
- @confirm="confirm($event, 'buyerclass')"></cate-component>
|
|
|
+ </van-popup>
|
|
|
+ <van-popup v-model="filterDialogShow.buyerclass" closeable round position="bottom" close-icon="clear"
|
|
|
+ class="j-popup collection" :lazy-render="false" overlay-class="j-overlay" :style="{ height: '60%' }"
|
|
|
+ get-container="body">
|
|
|
+ <div class="j-container report-popup">
|
|
|
+ <div class="popup-header header-title">选择采购单位类型</div>
|
|
|
+ <div class="j-main">
|
|
|
+ <cate-component ref="buyerclassSelector" :selectcatelist="filters.buyerclass"
|
|
|
+ @cancel="cancel($event, 'buyerclass')"
|
|
|
+ @confirm="confirm($event, 'buyerclass')"></cate-component>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </van-popup>
|
|
|
+ </van-popup>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
|
|
|
-<script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
|
|
|
-<!-- <script src=//cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js></script> -->
|
|
|
-<script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js></script>
|
|
|
-<script src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js></script>
|
|
|
-<script src=//cdn-common.jianyu360.com/cdn/lib/lodash/4.17.21/lodash.min.js></script>
|
|
|
-<script src=//cdn-common.jianyu360.com/cdn/lib/echarts/4.8.0/echarts.min.js></script>
|
|
|
-<script src=//cdn-common.jianyu360.com/cdn/lib/v-charts/1.19.0/index.min.js></script>
|
|
|
-{{include "/big-member/commonjs.html"}}
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/public/js/china-map-data.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/keyword-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/date-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/area-city-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/area-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/industry-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/cate-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<!-- components -->
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/echarts_option.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/analysis-report-example.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/projectScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketTimeScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketAreaScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketTop3Table.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketUserScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketSegment.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/lineChartScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/filter/js/project_header.js?v={{Msg "seo" "version"}}'></script>
|
|
|
-<!-- main.js -->
|
|
|
-<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/report_analysis.js?v={{Msg "seo" "version"}}13'></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js></script>
|
|
|
+ <!-- <script src=//cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js></script> -->
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/zepto/1.2.0/zepto.min.js></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/lodash/4.17.21/lodash.min.js></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/echarts/4.8.0/echarts.min.js></script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/v-charts/1.19.0/index.min.js></script>
|
|
|
+ {{include "/big-member/commonjs.html"}}
|
|
|
+ <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/public/js/china-map-data.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/keyword-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/date-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/area-city-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/area-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/industry-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/cate-mobile.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <!-- components -->
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/echarts_option.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/analysis-report-example.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/projectScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketTimeScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketAreaScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketTop3Table.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketUserScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/marketSegment.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/lineChartScatter.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/components/downloadpopup.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/filter/js/project_header.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <!-- main.js -->
|
|
|
+ <script
|
|
|
+ src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/report-analysis/js/report_analysis.js?v={{Msg "seo" "version"}}13'></script>
|
|
|
|
|
|
</body>
|
|
|
-</html>
|
|
|
+
|
|
|
+</html>
|