mode
This commit is contained in:
parent
051e0f71c8
commit
a237752f7b
File diff suppressed because it is too large
Load Diff
|
@ -13,7 +13,7 @@
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.6.5",
|
||||||
"echarts": "^4.9.0",
|
"echarts": "^4.9.0",
|
||||||
"element-china-area-data": "^5.0.2",
|
"element-china-area-data": "^5.0.2",
|
||||||
"element-ui": "^2.15.1",
|
"element-ui": "^2.15.6",
|
||||||
"jsencrypt": "^3.1.0",
|
"jsencrypt": "^3.1.0",
|
||||||
"vue": "^2.6.11",
|
"vue": "^2.6.11",
|
||||||
"vue-monoplasty-slide-verify": "^1.1.3",
|
"vue-monoplasty-slide-verify": "^1.1.3",
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
|
||||||
Please enable it to continue.</strong>
|
Please enable it to continue.</strong>
|
||||||
</noscript>
|
</noscript>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<!-- built files will be auto injected -->
|
<!-- built files will be auto injected -->
|
||||||
|
|
|
@ -10,13 +10,28 @@
|
||||||
.left {
|
.left {
|
||||||
width: calc(100% - 10px);
|
width: calc(100% - 10px);
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-weight: bolder;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
width: calc(100% - 10px);
|
width: calc(100% - 10px);
|
||||||
margin: 0 0 20px 8px;
|
margin: 0 0 20px 8px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-weight: bolder;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-progress__text {
|
||||||
|
font-family: "SR" !important;
|
||||||
|
font-weight: bolder;
|
||||||
}
|
}
|
|
@ -14,12 +14,12 @@ export default {
|
||||||
return {
|
return {
|
||||||
color: [
|
color: [
|
||||||
{
|
{
|
||||||
head: "rgb(128, 255, 165)",
|
head: "rgb(255, 0, 135)",
|
||||||
foot: "rgb(1, 191, 236)",
|
foot: "rgb(135, 0, 157)",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
head: "rgb(0, 221, 255)",
|
head: "rgb(255, 191, 0)",
|
||||||
foot: "rgb(77, 119, 255)",
|
foot: "rgb(224, 62, 76)",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
head: "rgb(55, 162, 255)",
|
head: "rgb(55, 162, 255)",
|
||||||
|
@ -77,6 +77,12 @@ export default {
|
||||||
yAxis: [
|
yAxis: [
|
||||||
{
|
{
|
||||||
type: "value",
|
type: "value",
|
||||||
|
axisTick:{
|
||||||
|
show:false
|
||||||
|
},
|
||||||
|
axisLine:{
|
||||||
|
show:false
|
||||||
|
}
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
series: Object.keys(this.data).map((key, index) => {
|
series: Object.keys(this.data).map((key, index) => {
|
||||||
|
|
|
@ -74,9 +74,15 @@
|
||||||
style="margin-left: 20px; font-size: 14px"
|
style="margin-left: 20px; font-size: 14px"
|
||||||
>{{ child.label }}</span
|
>{{ child.label }}</span
|
||||||
>
|
>
|
||||||
<span style="margin-left: 60px">{{
|
<p
|
||||||
child.desc !== undefined ? child.desc : "无描述性内容"
|
style="
|
||||||
}}</span>
|
font-family: 'SRL';
|
||||||
|
font-size: 13px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ child.desc !== undefined ? child.desc : "无描述性内容" }}
|
||||||
|
</p>
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
|
@ -212,7 +218,6 @@ export default {
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
|
|
||||||
this.init();
|
this.init();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
@ -233,8 +238,12 @@ export default {
|
||||||
data: {
|
data: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
this.$emit("mode", val);
|
this.$emit("mode", val);
|
||||||
this.visible = ![undefined,null,[]].includes(this.data["行业选择"]) ? true : false;
|
this.visible = ![undefined, null, []].includes(this.data["行业选择"])
|
||||||
[undefined,null,[]].includes(this.data["行业选择"])? this.$emit("getSaveState", false):this.$emit("getSaveState", true)
|
? true
|
||||||
|
: false;
|
||||||
|
[undefined, null, []].includes(this.data["行业选择"])
|
||||||
|
? this.$emit("getSaveState", false)
|
||||||
|
: this.$emit("getSaveState", true);
|
||||||
},
|
},
|
||||||
immediate: true,
|
immediate: true,
|
||||||
deep: true,
|
deep: true,
|
||||||
|
@ -272,10 +281,19 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-collapse-item__content {
|
::v-deep .el-collapse-item__content {
|
||||||
padding-bottom: 10px;
|
padding-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-dialog__title {
|
::v-deep .el-dialog__title {
|
||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::v-deep .el-dialog {
|
||||||
|
height: 80%;
|
||||||
|
|
||||||
|
&__body {
|
||||||
|
height: calc(100% - 185px);
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -22,7 +22,7 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-card class="box-card" shadow="never">
|
<el-card class="box-card" shadow="never">
|
||||||
<div style="height: calc(100% - 150px)">
|
<div style="height: calc(100% - 150px)">
|
||||||
<el-empty description="暂无服务" v-if="data.length == 0"></el-empty>
|
<el-empty description="暂无服务" v-if="data.length === 0"/>
|
||||||
<fecr-table :data="data" :columns="columns" v-else>
|
<fecr-table :data="data" :columns="columns" v-else>
|
||||||
<template slot="report" slot-scope="{ url }">
|
<template slot="report" slot-scope="{ url }">
|
||||||
<el-button
|
<el-button
|
||||||
|
@ -159,7 +159,7 @@ export default {
|
||||||
init() {
|
init() {
|
||||||
get("/input/rating_records").then((res) => {
|
get("/input/rating_records").then((res) => {
|
||||||
this.data = res.result;
|
this.data = res.result;
|
||||||
this.columns = Object.keys(this.data[0]).map((item) => {
|
this.data.length === 0 ? null : this.columns = Object.keys(this.data[0]).map((item) => {
|
||||||
return { prop: item, label: item };
|
return { prop: item, label: item };
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -18,19 +18,25 @@
|
||||||
:key="index"
|
:key="index"
|
||||||
type="flex"
|
type="flex"
|
||||||
justify="space-between"
|
justify="space-between"
|
||||||
style="margin: 5%; width: 90%"
|
style="margin: 5%; width: 90%;align-items:center"
|
||||||
v-else
|
v-else
|
||||||
>
|
>
|
||||||
<el-col :span="2"
|
<el-col :span="2"
|
||||||
><span>{{ index }}</span></el-col
|
><span>{{ index }}</span></el-col
|
||||||
>
|
>
|
||||||
<el-col :span="22"
|
<el-col :span="18"
|
||||||
><el-progress
|
><el-progress
|
||||||
:percentage="Number(item.substring(0, item.length - 1))"
|
:percentage="Number(item.substring(0, item.length - 1))"
|
||||||
color="#7DD9DD"
|
:color="
|
||||||
:format="format"
|
Number(item.substring(0, item.length - 1)) > 0
|
||||||
|
? '#1989fa'
|
||||||
|
: '#F56C6C'
|
||||||
|
"
|
||||||
|
:show-text="false"
|
||||||
></el-progress></el-col
|
></el-progress></el-col
|
||||||
></el-row>
|
><el-col :span="3"
|
||||||
|
><span :style="{color: Number(item.substring(0, item.length - 1)) > 0 ? '#1989fa' : '#F56C6C',fontFamily:'SR'}">{{ item }}</span></el-col
|
||||||
|
></el-row>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="left">
|
<el-card class="left">
|
||||||
<span>成长能力</span>
|
<span>成长能力</span>
|
||||||
|
@ -80,18 +86,22 @@
|
||||||
:key="index"
|
:key="index"
|
||||||
type="flex"
|
type="flex"
|
||||||
justify="space-between"
|
justify="space-between"
|
||||||
style="margin: 5%; width: 90%"
|
style="margin: 5%; width: 90%;align-items:center"
|
||||||
v-else
|
v-else
|
||||||
>
|
>
|
||||||
<el-col :span="3"
|
<el-col :span="3"
|
||||||
><span>{{ index }}</span></el-col
|
><span>{{ index }}</span></el-col
|
||||||
>
|
>
|
||||||
<el-col :span="21"
|
<el-col :span="18"
|
||||||
><el-progress
|
><el-progress
|
||||||
:percentage="item"
|
:percentage="Math.abs(item)"
|
||||||
color="#7DD9DD"
|
:color="item > 0 ? '#1989fa' : '#F56C6C'"
|
||||||
|
:show-text="false"
|
||||||
></el-progress></el-col
|
></el-progress></el-col
|
||||||
></el-row>
|
><el-col :span="2"
|
||||||
|
><span :style="{color:item > 0 ? '#1989fa' : '#F56C6C',fontFamily:'SR'}">{{ item + "%" }}</span></el-col
|
||||||
|
></el-row
|
||||||
|
>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="right">
|
<el-card class="right">
|
||||||
<span>资产质量</span>
|
<span>资产质量</span>
|
||||||
|
|
|
@ -10,6 +10,7 @@
|
||||||
type="dashboard"
|
type="dashboard"
|
||||||
:percentage="data['风险分数']"
|
:percentage="data['风险分数']"
|
||||||
:format="format"
|
:format="format"
|
||||||
|
:color="data['风险分数']>50?'#ff9300':'#1989fa'"
|
||||||
></el-progress
|
></el-progress
|
||||||
><span>高风险</span>
|
><span>高风险</span>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
@ -24,20 +25,20 @@
|
||||||
><span>{{ data[item] }}</span></el-col
|
><span>{{ data[item] }}</span></el-col
|
||||||
>
|
>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row class="left-risk">
|
||||||
<p>自身风险</p>
|
<span>自身风险</span>
|
||||||
<fecr-table
|
<fecr-table
|
||||||
:data="ownRiskData"
|
:data="ownRiskData"
|
||||||
:columns="column"
|
:columns="column"
|
||||||
class="top"
|
class="top"
|
||||||
></fecr-table>
|
></fecr-table>
|
||||||
<p>经营风险</p>
|
<span>经营风险</span>
|
||||||
<fecr-table
|
<fecr-table
|
||||||
:data="businessRiskData"
|
:data="businessRiskData"
|
||||||
:columns="column"
|
:columns="column"
|
||||||
class="top"
|
class="top"
|
||||||
></fecr-table>
|
></fecr-table>
|
||||||
<p>变更记录</p>
|
<span>变更记录</span>
|
||||||
<fecr-table
|
<fecr-table
|
||||||
:data="changeRecordData"
|
:data="changeRecordData"
|
||||||
:columns="column"
|
:columns="column"
|
||||||
|
@ -48,7 +49,7 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-card class="right" style="height: auto">
|
<el-card class="right" style="height: auto">
|
||||||
<p>周边风险</p>
|
<span>周边风险</span>
|
||||||
<fecr-table
|
<fecr-table
|
||||||
:data="sideRiskData"
|
:data="sideRiskData"
|
||||||
:columns="sideRiskColumn"
|
:columns="sideRiskColumn"
|
||||||
|
@ -192,4 +193,10 @@ export default {
|
||||||
.last:nth-child(5) {
|
.last:nth-child(5) {
|
||||||
border-bottom: 0.25px solid #707070;
|
border-bottom: 0.25px solid #707070;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.left-risk{
|
||||||
|
span{
|
||||||
|
margin-top:20px
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -2,16 +2,15 @@
|
||||||
<el-container>
|
<el-container>
|
||||||
<fecr-header />
|
<fecr-header />
|
||||||
<el-main>
|
<el-main>
|
||||||
<el-carousel :autoplay="false">
|
<!-- <el-carousel :autoplay="false">
|
||||||
<el-carousel-item v-for="item in imgs" :key="item">
|
<el-carousel-item v-for="item in imgs" :key="item"> -->
|
||||||
<el-image
|
<el-image
|
||||||
:src="item.src"
|
:src="imgs[0].src"
|
||||||
@click="toRouter(item.path)"
|
@click="toRouter(item.path)"
|
||||||
style="width: 100%; height: 100%"
|
style="margin: 0 1.5% 20px 1.5%;"
|
||||||
ref="carouselImage"
|
|
||||||
></el-image>
|
></el-image>
|
||||||
</el-carousel-item>
|
<!-- </el-carousel-item>
|
||||||
</el-carousel>
|
</el-carousel> -->
|
||||||
<abstract @getPage="getPage" />
|
<abstract @getPage="getPage" />
|
||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
|
@ -59,12 +58,11 @@ export default {
|
||||||
|
|
||||||
.el-carousel {
|
.el-carousel {
|
||||||
margin: 0 1.5% 20px 1.5%;
|
margin: 0 1.5% 20px 1.5%;
|
||||||
height: calc(100% - 240px);
|
// height: calc(100% - 240px);
|
||||||
z-index: 0 !important;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
::v-deep .el-carousel__container {
|
::v-deep .el-carousel__container {
|
||||||
height: 100% !important;
|
height: 100% ;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-carousel__indicators {
|
::v-deep .el-carousel__indicators {
|
||||||
|
|
Loading…
Reference in New Issue