mode
This commit is contained in:
xuyucheng
parent
8bd507c98b
commit
465973d64d
|
|
@ -10,7 +10,7 @@
|
|||
:value="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<span>当前路径：</span
|
||||
<span>当前位置：</span
|
||||
><el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item
|
||||
v-for="(item, index) in breadList"
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
placement="bottom"
|
||||
width="100"
|
||||
trigger="click"
|
||||
style="width: 100%;padding:10px"
|
||||
style="width: 100%; padding: 10px"
|
||||
v-else
|
||||
>
|
||||
<span class="block" @click="toRouterPush('/userInfo')"
|
||||
|
|
@ -150,16 +150,16 @@ export default {
|
|||
}
|
||||
|
||||
.el-select {
|
||||
width: 120px;
|
||||
margin-right: 40px;
|
||||
::v-deep .el-input__inner {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #909399;
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
::v-deep .el-input__inner:focus {
|
||||
border-bottom: 1px solid #909399;
|
||||
border-radius: 25px;
|
||||
color: #fff;
|
||||
background-color: #4e7bf7;
|
||||
font-family: "SRL";
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div
|
||||
id="line_new"
|
||||
style="width: 100%; height: 500px; min-width: 300px; min-height: 300px"
|
||||
style="width: 100%; height: 400px; min-width: 300px; min-height: 300px"
|
||||
></div>
|
||||
</template>
|
||||
|
||||
|
|
@ -18,74 +18,102 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
initLine() {
|
||||
var chart = this.$echarts.init(document.getElementById("line_new"), "shine");
|
||||
var chart = this.$echarts.init(
|
||||
document.getElementById("line_new"),
|
||||
"shine"
|
||||
);
|
||||
var option = {
|
||||
xAxis: {
|
||||
type: "category",
|
||||
boundaryGap: false,
|
||||
data: this.data.x,
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: "#ACACAC",
|
||||
color: ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
|
||||
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "cross",
|
||||
label: {
|
||||
backgroundColor: "#6a7985",
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#B5B5B5", //更改坐标轴文字颜色
|
||||
fontSize: 12, //更改坐标轴文字大小
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
//轴刻度，在xAxis或yAxis根下
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
type: "value",
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
max: this.data["满分"],
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#B5B5B5", //更改坐标轴文字颜色
|
||||
fontSize: 12, //更改坐标轴文字大小
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
//轴刻度，在xAxis或yAxis根下
|
||||
show: false,
|
||||
legend: {
|
||||
data: ["营业收入增长率", "总资产增长率"],
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {},
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
right: "4%",
|
||||
bottom: "3%",
|
||||
containLabel: true,
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: "category",
|
||||
boundaryGap: false,
|
||||
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: "value",
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
data: this.data.y,
|
||||
name: "营业收入增长率",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
areaStyle: {
|
||||
normal: {
|
||||
color: new this.$echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1, //4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 而0 0 0 1则代表渐变色从正上方开始
|
||||
[
|
||||
{ offset: 0, color: "rgba(64,123,252,0.5)" },
|
||||
{ offset: 1, color: "#fff" },
|
||||
] //数组, 用于配置颜色的渐变过程. 每一项为一个对象, 包含offset和color两个参数. offset的范围是0 ~ 1, 用于表示位置
|
||||
),
|
||||
},
|
||||
},
|
||||
lineStyle: {
|
||||
normal: {
|
||||
color: "#4A8AF0",
|
||||
},
|
||||
width: 0,
|
||||
},
|
||||
itemStyle: {
|
||||
borderColor: "#5380E6",
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(128, 255, 165)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(1, 191, 236)",
|
||||
},
|
||||
]),
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: [140, 232, 101, 264, 90, 340, 250],
|
||||
},
|
||||
{
|
||||
name: "总资产增长率",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(0, 221, 255)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(77, 119, 255)",
|
||||
},
|
||||
]),
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: [120, 282, 111, 234, 220, 340, 310],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
|
@ -101,7 +129,7 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
canvas{
|
||||
canvas {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ import { get, BlobGet } from "api/api";
|
|||
import FecrTable from "components/FecrTable";
|
||||
import FecrHeader from "@/components/FecrHeader";
|
||||
export default {
|
||||
components: { FecrHeader, FecrTable },
|
||||
components: { pdf,FecrHeader, FecrTable },
|
||||
data() {
|
||||
return {
|
||||
serveData: [
|
||||
|
|
@ -253,4 +253,14 @@ span {
|
|||
border: 1px solid #909399;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
margin-top: 5vh !important;
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
height: calc(100% - 180px);
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -6,7 +6,29 @@
|
|||
<span>综合信用指标表现</span>
|
||||
<fecr-radar :data.sync="data['综合信用表现']" />
|
||||
</el-card>
|
||||
|
||||
<el-card class="left">
|
||||
<span>总得分</span>
|
||||
<el-row
|
||||
v-for="(item, index) in score"
|
||||
:key="index"
|
||||
type="flex"
|
||||
justify="space-between"
|
||||
style="margin: 10% 5%; width: 90%"
|
||||
>
|
||||
<el-col :span="3"
|
||||
><span>{{ index }}</span></el-col
|
||||
>
|
||||
<el-col :span="21"
|
||||
><el-progress
|
||||
:percentage="item"
|
||||
color="#7DD9DD"
|
||||
></el-progress></el-col
|
||||
></el-row>
|
||||
</el-card>
|
||||
<el-card class="left">
|
||||
<span>成长能力</span>
|
||||
<fecr-line-new :data="成长能力"></fecr-line-new>
|
||||
</el-card>
|
||||
<el-card class="left">
|
||||
<span>历史级别</span>
|
||||
<fecr-table
|
||||
|
|
@ -19,7 +41,7 @@
|
|||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-card class="right">
|
||||
<span>综合信用分析</span>
|
||||
<span>综合信用分析</span>
|
||||
<el-button
|
||||
type="primary"
|
||||
style="float: right"
|
||||
|
|
@ -34,7 +56,42 @@
|
|||
:columns="creditColumn"
|
||||
:shortWidth="[0]"
|
||||
/>
|
||||
|
||||
</el-card>
|
||||
<el-card class="right">
|
||||
<span>盈利能力</span>
|
||||
<el-row
|
||||
v-for="(item, index) in 盈利能力"
|
||||
:key="index"
|
||||
type="flex"
|
||||
justify="space-between"
|
||||
style="margin: 10% 5%; width: 90%"
|
||||
>
|
||||
<el-col :span="3"
|
||||
><span>{{ index }}</span></el-col
|
||||
>
|
||||
<el-col :span="21"
|
||||
><el-progress
|
||||
:percentage="item"
|
||||
color="#7DD9DD"
|
||||
></el-progress></el-col
|
||||
></el-row>
|
||||
</el-card>
|
||||
<el-card class="right">
|
||||
<span>资产质量</span>
|
||||
<el-row
|
||||
type="flex"
|
||||
justify="space-between"
|
||||
style="margin: 10% 5%; width: 90%"
|
||||
>
|
||||
<el-col v-for="(item, index) in 资产质量" :key="index" style="text-align:center"
|
||||
:span="8"><el-progress
|
||||
:percentage="item"
|
||||
color="#8BB4E9"
|
||||
type="circle"
|
||||
></el-progress
|
||||
><span class="block" style="margin:10px 0 10px 0">{{index}}</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<el-card class="right">
|
||||
<span>指标评价</span>
|
||||
|
|
@ -52,13 +109,12 @@
|
|||
</el-row>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-dialog :visible.sync="dialog" title="报告预览">
|
||||
<div class="pdf-box">
|
||||
<pdf :src="file" :page="item" v-for="item in numPages" :key="item">
|
||||
</pdf>
|
||||
</div>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<span style="float: left; line-height: 50px">共{{ numPages }}页</span>
|
||||
<el-button @click="dialog = false">取 消</el-button>
|
||||
|
|
@ -73,9 +129,10 @@ import pdf from "vue-pdf";
|
|||
import { JsonPost, BlobGet } from "@/api/api";
|
||||
import FecrTable from "@/components/FecrTable";
|
||||
import FecrRadar from "@/components/FecrRadar";
|
||||
import FecrLineNew from "@/components/FecrLineNew";
|
||||
|
||||
export default {
|
||||
components: { pdf, FecrTable, FecrRadar },
|
||||
components: { pdf, FecrTable, FecrRadar,FecrLineNew },
|
||||
data() {
|
||||
return {
|
||||
data: {},
|
||||
|
|
@ -88,6 +145,35 @@ export default {
|
|||
dialog: false,
|
||||
file: "",
|
||||
numPages: "",
|
||||
score: {
|
||||
ESG: 50,
|
||||
财务指标: 80,
|
||||
风险指标: 90,
|
||||
},
|
||||
成长能力: {
|
||||
营业收入增加率: {
|
||||
2018: 400,
|
||||
2019: 500,
|
||||
2020: 600,
|
||||
2021: 700,
|
||||
},
|
||||
总资产增长率: {
|
||||
2018: 300,
|
||||
2019: 400,
|
||||
2020: 500,
|
||||
2021: 600,
|
||||
},
|
||||
},
|
||||
盈利能力: {
|
||||
总资产报酬率: 40,
|
||||
净资产收益率: 80,
|
||||
},
|
||||
资产质量: {
|
||||
应收账款周转率: 75,
|
||||
存货周转率: 75,
|
||||
总资产周转率: 75,
|
||||
资产负债率: 75
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
|
|
@ -193,4 +279,19 @@ export default {
|
|||
height: calc(100% - 180px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.left {
|
||||
.el-progress {
|
||||
width: 100%;
|
||||
|
||||
::v-deep &__text {
|
||||
font-family: "SRL";
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-progress__text {
|
||||
font-family: "SRL";
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,28 +1,31 @@
|
|||
<!-- 账户信息 -->
|
||||
<template>
|
||||
<el-form :model="form" label-width="120px" label-suffix="：">
|
||||
<el-row type="flex" justify="space-between">
|
||||
<p>账户信息</p>
|
||||
</el-row>
|
||||
<el-card class="box-card" shadow="never">
|
||||
<el-form
|
||||
:model="form"
|
||||
label-width="120px"
|
||||
label-suffix="："
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-row type="flex" justify="space-between"> </el-row>
|
||||
<el-card class="box-card">
|
||||
<p slot="header">账户信息</p>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="企业名称" class="limit">
|
||||
<span>{{ form["企业名称"] }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱" class="limit">
|
||||
<el-row type="flex" justify="space-between">
|
||||
<span>{{ form["邮箱"] }}</span>
|
||||
<el-button size="small" @click="emailVisible = true"
|
||||
<el-button size="small" @click="emailVisible = true" style="margin-left:20px;background:#C3CCC8;color:#fff" round
|
||||
>修改绑定邮箱</el-button
|
||||
>
|
||||
</el-row>
|
||||
|
||||
</el-form-item>
|
||||
<el-form-item label="认证状态">
|
||||
<el-tag
|
||||
:type="form['已认证'] === '是' ? 'primary' : 'warning'"
|
||||
size="small"
|
||||
style="border-radius: 25px; padding: 0 20px;color:#fff"
|
||||
@click="visible = form['已认证'] !== '是' ? true : false"
|
||||
:color="form['已认证'] === '是' ? '#49C788' : '#909399'"
|
||||
>{{ form["已认证"] === "是" ? "已认证" : "未认证" }}</el-tag
|
||||
>
|
||||
</el-form-item>
|
||||
|
|
@ -51,7 +54,7 @@
|
|||
@click.native="changeAvatar(index)"
|
||||
></el-avatar>
|
||||
</el-row>
|
||||
<el-button slot="reference" type="primary" style="width: 150px"
|
||||
<el-button slot="reference" type="primary" style="width: 150px;background:#49C788;color:#fff" round
|
||||
>修改头像</el-button
|
||||
>
|
||||
</el-popover>
|
||||
|
|
@ -364,6 +367,10 @@ export default {
|
|||
|
||||
.el-card {
|
||||
height: 40vh;
|
||||
|
||||
::v-deep &__header {
|
||||
padding: 10px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
|
|
|
|||
Loading…
Reference in New Issue