|
|
@@ -1,50 +1,48 @@
|
|
|
<template>
|
|
|
- <div class="unit-portrayal" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.8)">
|
|
|
- <Layout>
|
|
|
- <div class="unit-portrayal-content">
|
|
|
- <div class="unit-type">
|
|
|
- <div class="u-name">{{info.buyerName}}</div>
|
|
|
- <div class="u-type">
|
|
|
- <div class="u-t-item">
|
|
|
- <span class="area-icon"></span>
|
|
|
- <span>所在地：{{info.province}} {{info.city}}</span>
|
|
|
- </div>
|
|
|
- <div class="u-t-item">
|
|
|
- <span class="type-icon"></span>
|
|
|
- <span>采购单位类型：{{info.buyerClass}}</span>
|
|
|
- </div>
|
|
|
+ <Layout class="unit-portrayal">
|
|
|
+ <div class="unit-portrayal-content">
|
|
|
+ <div class="unit-type">
|
|
|
+ <div class="u-name">{{info.buyerName}}</div>
|
|
|
+ <div class="u-type">
|
|
|
+ <div class="u-t-item">
|
|
|
+ <span class="area-icon"></span>
|
|
|
+ <span>所在地：{{info.province}} {{info.city}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="u-t-item">
|
|
|
+ <span class="type-icon"></span>
|
|
|
+ <span>采购单位类型：{{info.buyerClass}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="unit-info">
|
|
|
- <div class="u-i-box">
|
|
|
- <div class="b-item">
|
|
|
- <span>{{info.buyerCount}}</span>
|
|
|
- <span>采购项目数量</span>
|
|
|
- </div>
|
|
|
- <div class="b-item">
|
|
|
- <span>{{info.buyerScale}}</span>
|
|
|
- <span>采购规模</span>
|
|
|
- </div>
|
|
|
- <div class="b-item">
|
|
|
- <span>{{info.winnerCount}}</span>
|
|
|
- <span>中标企业数量</span>
|
|
|
- </div>
|
|
|
- <div class="b-item">
|
|
|
- <span>{{info.otherWinner}}</span>
|
|
|
- <span>外省中标企业</span>
|
|
|
- </div>
|
|
|
- <div class="b-item">
|
|
|
- <span>{{info.fail_count}}</span>
|
|
|
- <span>流标记录数</span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="unit-info">
|
|
|
+ <div class="u-i-box">
|
|
|
+ <div class="b-item">
|
|
|
+ <span>{{info.buyerCount}}</span>
|
|
|
+ <span>采购项目数量</span>
|
|
|
+ </div>
|
|
|
+ <div class="b-item">
|
|
|
+ <span>{{info.buyerScale}}</span>
|
|
|
+ <span>采购规模</span>
|
|
|
+ </div>
|
|
|
+ <div class="b-item">
|
|
|
+ <span>{{info.winnerCount}}</span>
|
|
|
+ <span>中标企业数量</span>
|
|
|
+ </div>
|
|
|
+ <div class="b-item">
|
|
|
+ <span>{{info.otherWinner}}</span>
|
|
|
+ <span>外省中标企业</span>
|
|
|
+ </div>
|
|
|
+ <div class="b-item">
|
|
|
+ <span>{{info.fail_count}}</span>
|
|
|
+ <span>流标记录数</span>
|
|
|
</div>
|
|
|
- <div class="u-i-tip">数据统计范围：{{info.start}}-{{info.end}}</div>
|
|
|
</div>
|
|
|
- <unit-list></unit-list>
|
|
|
- <unit-chart v-on:baseInfo="getBaseInfo"></unit-chart>
|
|
|
+ <div class="u-i-tip">数据统计范围：{{info.start}}-{{info.end}}</div>
|
|
|
</div>
|
|
|
- </Layout>
|
|
|
- </div>
|
|
|
+ <unit-list></unit-list>
|
|
|
+ <unit-chart v-on:baseInfo="getBaseInfo"></unit-chart>
|
|
|
+ </div>
|
|
|
+ </Layout>
|
|
|
</template>
|
|
|
<script>
|
|
|
import Layout from '@/components/common/ContentLayout'
|
|
|
@@ -80,7 +78,6 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
getBaseInfo (data) {
|
|
|
- console.log(data, 'data')
|
|
|
if (!data) return
|
|
|
this.info = data
|
|
|
}
|
|
|
@@ -89,11 +86,7 @@ export default {
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.unit-portrayal{
|
|
|
- width: 1200px;
|
|
|
- margin: 32px auto;
|
|
|
- .unit-portrayal{
|
|
|
- width: 920px;
|
|
|
- }
|
|
|
+ // width: 1200px;
|
|
|
.unit-type{
|
|
|
padding: 32px 40px;
|
|
|
background: #fff;
|
