wx-rating-template/pages/report/operation.vue

572 lines
19 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 业务运营 -->
<template>
<view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text style="color:#D49E46;">规模与营收</text>
<text>单位: 万元, %</text>
</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>业务规模</text>
<easy-select class="select" size='mini'></easy-select>
</view>
<qiun-data-charts type="mix" :chartData="uchartsData['业务规模'].chart" background="none" canvasId="canvans8" />
</view>
<list :data="uchartsData['业务规模'].list" :title="'详情'" :isSelect='true' />
<view class="result-box">
<uni-icons type="smallcircle-filled" size="10" color="#D49E46" style="margin-right:10rpx" />
<text>数据观点</text>
<view :class="{'uni-flex-text':state,'uni-flex':!state}">
远东资信评估有限公司以下简称 远东资信
对吉林省农业融资担保有限公司的险测评显示近年来公司担保业务规模持续扩大收入平稳增盈利能力较强资本实力较强担保放大倍数处于行业业较高水平综合代偿能力高公司担保业务险管理能力高综合代偿能力强公司担保业务险管理能力高公司是大中型政策性融资担保公
省内竞争能力较强
</view>
<view class="expand" @click="expand">{{state?'展开':'收缩'}}</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text style="color:#D49E46;">研发能力</text>
<text>单位: , %</text>
</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>公司研发情况</text>
<text>共45项</text>
</view>
<qiun-data-charts type="area" :chartData="uchartsData['研发情况'].chart" background="none"
canvasId="canvans10" />
</view>
<list :data="uchartsData['研发情况'].list" :title="'详情'" :unit="'单位:项'" />
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>研发及专利申请情况</text>
<text>单位</text>
</view>
<qiun-data-charts type="column" :chartData="uchartsData['专利申请'].chart" background="none"
canvasId="canvans11" />
</view>
<list :data="uchartsData['专利申请'].list" :title="'详情'" :unit="'单位:项'" />
<!-- 研发投入 -->
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>研发投入</text>
<text>单位万元%</text>
</view>
<qiun-data-charts type="mix" :chartData="uchartsData['研发投入'].chart" background="none"
canvasId="canvans12" />
</view>
<list :data="uchartsData['研发投入'].list" :title="'详情'" :unit="'单位:项'" />
<view class="result-box">
<uni-icons type="smallcircle-filled" size="10" color="#D49E46" style="margin-right:10rpx" />
<text>数据观点</text>
<view :class="{'uni-flex-text':state,'uni-flex':!state}">
远东资信评估有限公司以下简称 远东资信
对吉林省农业融资担保有限公司的险测评显示近年来公司担保业务规模持续扩大收入平稳增盈利能力较强资本实力较强担保放大倍数处于行业业较高水平综合代偿能力高公司担保业务险管理能力高综合代偿能力强公司担保业务险管理能力高公司是大中型政策性融资担保公
省内竞争能力较强
</view>
<view class="expand" @click="expand">{{state?'展开':'收缩'}}</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text style="color:#D49E46;">生产能力</text>
<text>单位: 万件, %</text>
</view>
</view>
<!-- 生产情况 -->
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>生产情况</text>
<easy-select class="select" size='mini'></easy-select>
</view>
<qiun-data-charts type="mix" :chartData="uchartsData['生产情况'].chart" background="none"
canvasId="canvans13" />
</view>
<list :data="uchartsData['生产情况'].list" :title="'详情'" :unit="'单位:万件、个、%'" />
<!-- 生产基地 -->
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>生产基地分布及数量</text>
<text>单位</text>
</view>
<qiun-data-charts type="map" :chartData="uchartsData['生产基地'].chart" background="none" :width="250"
:cHeight="300" canvasId="canvans14" />
</view>
<list :data="uchartsData['生产基地'].list" :title="'详情'" :unit="'单位:万件、个、%'" />
<view class="result-box">
<uni-icons type="smallcircle-filled" size="10" color="#D49E46" style="margin-right:10rpx" />
<text>数据观点</text>
<view :class="{'uni-flex-text':state,'uni-flex':!state}">
远东资信评估有限公司以下简称
远东资信对吉林省农业融资担保有限公司的险测评显示近年来公司担保业务规模持续扩大收入平稳增盈利能力较强资本实力较强担保放大倍数处于行业业较高水平综合代偿能力高公司担保业务险管理能力高综合代偿能力强公司担保业务险管理能力高公司是大中型政策性融资担保公司省内竞争能力较强
</view>
<view class="expand" @click="expand">{{state?'展开':'收缩'}}</view>
</view>
<!-- 产品服务 -->
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text style="color:#D49E46;">客户情况</text>
<text>单位: 万元</text>
</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>公司产品服务销售情况</text>
<easy-select class="select" size='mini'></easy-select>
</view>
<qiun-data-charts type="column" :chartData="uchartsData['产品服务'].chart" background="none"
canvasId="canvans15" />
</view>
<list :data="uchartsData['产品服务'].list" :title="'详情'" :unit="'单位:万元'" />
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>公司前十大客户情况-收入排名</text>
<text>单位万元</text>
</view>
<view class="charts-box">
<qiun-data-charts type="bar" :chartData="uchartsData['客户情况'].chart" background="none"
canvasId="canvans16" />
</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>公司前十大客户情况-收入占比</text>
<text>单位万元</text>
</view>
<qiun-data-charts type="ring" :chartData="uchartsData['客户情况'].ring" background="none"
canvasId="canvans17" />
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>公司销售渠道分布</text>
</view>
<qiun-data-charts type="map" :chartData="uchartsData['生产基地'].chart" background="none" :width="250"
:cHeight="300" canvasId="canvans18" />
</view>
<view class="result-box">
<uni-icons type="smallcircle-filled" size="10" color="#D49E46" style="margin-right:10rpx" />
<text>数据观点</text>
<view :class="{'uni-flex-text':state,'uni-flex':!state}">
远东资信评估有限公司以下简称 远东资信
对吉林省农业融资担保有限公司的险测评显示近年来公司担保业务规模持续扩大收入平稳增盈利能力较强资本实力较强担保放大倍数处于行业业较高水平综合代偿能力高公司担保业务险管理能力高综合代偿能力强公司担保业务险管理能力高公司是大中型政策性融资担保公
省内竞争能力较强
</view>
<view class="expand" @click="expand">{{state?'展开':'收缩'}}</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text style="color:#D49E46;">对外投资</text>
<text>单位: 万元%</text>
</view>
</view>
<list :data="uchartsData['对外投资'].list" :title="'详情'" :unit="'单位:万元、%'" />
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>投资金额及比例</text>
<text>单位: 万元%</text>
</view>
<qiun-data-charts type="mix" :chartData="uchartsData['对外投资'].chart" background="none"
canvasId="canvans19" />
</view>
<view class="result-box">
<uni-icons type="smallcircle-filled" size="10" color="#D49E46" style="margin-right:10rpx" />
<text>数据观点</text>
<view :class="{'uni-flex-text':state,'uni-flex':!state}">
远东资信评估有限公司以下简称 远东资信
对吉林省农业融资担保有限公司的险测评显示近年来公司担保业务规模持续扩大收入平稳增盈利能力较强资本实力较强担保放大倍数处于行业业较高水平综合代偿能力高公司担保业务险管理能力高综合代偿能力强公司担保业务险管理能力高公司是大中型政策性融资担保公
省内竞争能力较强
</view>
<view class="expand" @click="expand">{{state?'展开':'收缩'}}</view>
</view>
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text style="color:#D49E46;">荣誉资质</text>
<text>单位: -</text>
</view>
</view>
<list :data="uchartsData['荣誉资质'].list" />
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text style="color:#D49E46;">融资信息</text>
<text>单位: 万元%</text>
</view>
</view>
<list :data="uchartsData['股权融资'].list" :title="'公司股权融资'" />
<view class="result-box">
<view class="uni-flex" style="justify-content: space-between;margin:0">
<text>公司债权融资</text>
<view style="display:flex">
<easy-select class="select" size='mini' style="margin-right:20rpx"></easy-select>
<easy-select class="select" size='mini'></easy-select>
</view>
</view>
<qiun-data-charts type="bar" :chartData="uchartsData['股权融资'].chart" background="none"
canvasId="canvans20" />
</view>
<list :data="uchartsData['股权融资'].list_2" :title="'详情'" :unit="'单位:万元'" />
<list :data="uchartsData['供应链融资'].list" :title="'公司供应链融资'" :unit="'单位:万元'" />
<view class="result-box">
<uni-icons type="smallcircle-filled" size="10" color="#D49E46" style="margin-right:10rpx" />
<text>数据观点</text>
<view :class="{'uni-flex-text':state,'uni-flex':!state}">
远东资信评估有限公司以下简称 远东资信
对吉林省农业融资担保有限公司的险测评显示近年来公司担保业务规模持续扩大收入平稳增盈利能力较强资本实力较强担保放大倍数处于行业业较高水平综合代偿能力高公司担保业务险管理能力高综合代偿能力强公司担保业务险管理能力高公司是大中型政策性融资担保公
省内竞争能力较强
</view>
<view class="expand" @click="expand">{{state?'展开':'收缩'}}</view>
</view>
</view>
</template>
<script>
import expand from '../../components/report/expand.vue'
import list from '../../components/report/list.vue'
import map from '../../uni_modules/中华人民共和国.json'
export default {
components: {
expand,
list
},
data() {
return {
state: true,
uchartsData: {
业务规模: {
chart: {
"categories": ["2018", "2019", "2020", "2021", ],
"series": [{
"type": "line",
"name": "占比",
"data": [35, 44, 25, 37, ],
"style": "curve",
"addPoint": true
},
{
"type": "column",
"name": "金额",
"data": [60, 40, 65, 55, ]
},
]
},
list: [
['项目', '电子元件', '半导体', '芯片', '显示器'],
['金额', '883', '769', '965', '650'],
['占比', '58%', '68%', '77%', '43%'],
]
},
研发情况: {
chart: {
"categories": ["2018", "2019", "2020", "2021"],
"series": [{
"name": "发明专利",
"data": [25, 37, 4, 20]
},
{
"name": "实用新型专利",
"data": [65, 100, 44, 68]
},
{
"name": "外观设计专利",
"data": [95, 150, 112, 132]
}
]
},
list: [
['项目', '2021', '2020', '2019', '2018'],
['发明专利', '5', '7', '1', '3'],
['实用新型专利', '5', '10', '2', '1'],
['外观设计专利', '5', '4', '2', '1'],
['合计', '15', '21', '5', '5'],
]
},
专利申请: {
chart: {
"categories": ["2018", "2019", "2020", "2021"],
"series": [{
"name": "研发项目数量",
"data": [25, 37, 4, 20]
},
{
"name": "申请专利数量",
"data": [65, 100, 44, 68]
},
]
},
list: [
['项目', '2021', '2020', '2019', '2018'],
['研发项目数量', '5', '7', '1', '3'],
['申请专利数量', '5', '10', '2', '1'],
['合计', '10', '17', '3', '4'],
]
},
研发投入: {
chart: {
"categories": ["2018", "2019", "2020", "2021", ],
"series": [{
"type": "line",
"name": "占营收比例",
"color": "#36A3DC",
"data": [580, 380, 420, 620, ],
"style": "curve",
"addPoint": true
},
{
"type": "column",
"name": "投入金额",
"color": "#FF9700",
"data": [796, 528, 675, 883, ]
},
]
},
list: [
['项目', '2021', '2020', '2019', '2018'],
['研发投入', '883', '675', '528', '796'],
['占营收比例', '37%', '20%', '13%', '30%'],
]
},
生产情况: {
chart: {
"categories": ["半导体", "显示器", "芯片", "电路板", ],
"series": [{
"type": "line",
"name": "产能利用率",
"color": "#36A3DC",
"data": [580, 380, 420, 620, ],
"style": "curve",
"addPoint": true
},
{
"type": "column",
"name": "生产数量",
"color": "#FF9700",
"data": [796, 528, 675, 883, ]
},
]
},
list: [
['产品名称', '生产数量', '产能利用率', '产能增速', ],
['半导体', '79.6', '78%', '46%', ],
['显示器', '52.8', '64%', '32%', ],
['芯片', '67.5', '31%', '17%'],
['电路板', '88.3', '89%', '8%']
]
},
生产基地: {
chart: {
"series": map.features,
},
list: [
['产品名称', '产能增速', '生产基地', '基地个数', ],
['半导体', '78%', '广东东莞', '1'],
['显示器', '64%', '江苏南京', '3'],
['芯片', '31%', '湖北武汉', '1'],
['电路板', '89%', '江西南昌', '2']
]
},
产品服务: {
chart: {
"categories": ["产品/服务A", "产品/服务B", "产品/服务C", "产品/服务D", ],
"series": [{
"name": '产品/服务',
"color": "#00F4F3",
"data": [79.6, 52.8, 67.5, 88.3, ]
}, ]
},
list: [
['客户名称', '客户类型', '销售产品/服务', '销售金额', ],
['客户A', 'A', 'B', '11', ],
['客户B', 'A', 'B', '11', ],
['客户C', 'A', 'B', '11', ],
['客户D', 'A', 'B', '11', ],
['客户E', 'A', 'B', '11', ],
]
},
客户情况: {
chart: {
"categories": ['客户A', '客户B', '客户C', '客户D', '客户E', '客户F', '客户G', '客户H', '客户I', ],
"series": [{
"name": "客户数据",
"data": [980, 920, 975, 880, 770, 520, 880, 770, 520, ]
}, ]
},
ring: {
"color": ['#3892E1'],
"series": [{
"data": [{
"name": "客户A",
"value": 3
},
{
"name": "客户B",
"value": 5
},
{
"name": "客户C",
"value": 5
},
{
"name": "客户D",
"value": 35
},
{
"name": "客户E",
"value": 42
},
{
"name": "客户F",
"value": 10
},
{
"name": "客户G",
"value": 10
},
{
"name": "客户H",
"value": 10
},
{
"name": "客户I",
"value": 10
},
]
}]
}
},
对外投资: {
chart: {
"categories": [2018,2019,2020,2021],
"series": [{
"type": "line",
"name": "投资比例",
"color": "#36A3DC",
"data": [580, 380, 420, 620, ],
"style": "curve"
},
{
"type": "column",
"name": "投资金额",
"color": "#FF9700",
"data": [796, 528, 675, 883, ]
},
]
},
list: [
['被投资企业名称', '注册资本', '投资比例', ],
['A公司', '1000', '10%', ],
['B公司', '1000', '20%', ],
['C公司', '5000', '5%', ],
['D公司', '5000', '5%', ],
]
},
荣誉资质: {
list: [
['荣誉或荣誉资质名称', '类型', '级别', '数量'],
['A', '1', 'B', '1'],
['B', '2', '-', '1'],
['C', '3', '-', '1'],
['D', '4', '-', '1'],
['E', '5', '-', '1'],
['F', '6', '-', '1'],
]
},
股权融资: {
chart: {
"categories": ['中信银行', '中国银行', '招商银行', '建设银行', ],
"series": [{
"name": "已用额度",
"data": [980, 920, 975, 880, ]
},
{
"name": "已用额度",
"data": [770, 520, 880, 770, ]
},
]
},
list: [
['日期', '融资方式', '融资金额', '融资轮次'],
['2015.7', '股权转让', '1000', 'A'],
['2017.10', '股权转让', '1000', 'B'],
['2019.10', '股权转让', '5000', 'C'],
['2021.5', '股权转让', '5000', 'D'],
],
list_2: [
['日期', '货款渠道', '贷款金额', '贷款方'],
['2015.7', '中信银行', '1000', '公司'],
['2017.10', '中国银行', '1000', '公司'],
['2019.10', '招商银行', '5000', '公司'],
['2021.5', '建设银行', '5000', '公司'],
],
},
供应链融资: {
list: [
['项目', '2021', '2020', '2019'],
['应付账款', '500', '1000', '300'],
['应付票据', '600', '1000', '400'],
['预收账款', '700', '1000', '500'],
]
}
}
}
},
mounted() {},
methods: {
expand() {
this.state = !this.state
}
}
}
</script>
<style lang='scss' scoped>
@import "../../static/general.scss"
</style>