mode
This commit is contained in:
parent
e1d6d344dc
commit
d88b714be6
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<fecr-header />
|
||||
<el-main >
|
||||
<el-card style="margin-top:20px">
|
||||
<el-main>
|
||||
<el-card style="margin-top: 20px">
|
||||
<el-row type="flex" justify="space-around" class="header">
|
||||
<el-col :span="8" style="flex-wrap: nowrap">
|
||||
<div class="logo">
|
||||
|
@ -21,7 +21,8 @@
|
|||
<span class="block"
|
||||
>评级日期:{{ data["综合信用等级"]["评价时间"] }}</span
|
||||
>
|
||||
<span class="block">解释释义:<el-popover
|
||||
<span class="block"
|
||||
>解释释义:<el-popover
|
||||
placement="bottom"
|
||||
title="级别释义"
|
||||
width="500"
|
||||
|
@ -35,12 +36,12 @@
|
|||
:shortWidth="[0]"
|
||||
class="top"
|
||||
/>
|
||||
<span slot="reference" style="cursor:pointer">查看</span>
|
||||
</el-popover></span>
|
||||
<span slot="reference" style="cursor: pointer">查看</span>
|
||||
</el-popover></span
|
||||
>
|
||||
</div>
|
||||
<p style="font-size: 40px">
|
||||
{{ data["综合信用等级"]["信用等级"] }}
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</el-col>
|
||||
|
@ -92,49 +93,65 @@
|
|||
</div>
|
||||
</el-tab-pane> -->
|
||||
<el-tab-pane name="first" :disabled="tabData[0].disabled">
|
||||
<p slot="label">综合信用评价</p>
|
||||
<p slot="label">公司基本信息</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row
|
||||
><step-credit-appraisal @getVisible="getVisible" :name="state" @getDisabled="getDisabled"
|
||||
><step-company-info @getDisabled="getDisabled"
|
||||
/></el-row></div
|
||||
></el-tab-pane>
|
||||
<el-tab-pane name="second" :disabled="tabData[1].disabled">
|
||||
<p slot="label">行业宏观分析</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row><step-industry-analysis :name="state" @getDisabled="getDisabled"/></el-row></div
|
||||
<el-row
|
||||
><step-industry-analysis :name="state" @getDisabled="getDisabled"
|
||||
/></el-row></div
|
||||
></el-tab-pane>
|
||||
<el-tab-pane name="third" :disabled="tabData[2].disabled">
|
||||
<p slot="label">财务要素评价</p>
|
||||
<p slot="label">综合信用评价</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row><step-elements-appraisal :state="state" @getDisabled="getDisabled"/></el-row></div
|
||||
<el-row
|
||||
><step-credit-appraisal
|
||||
@getVisible="getVisible"
|
||||
:name="state"
|
||||
@getDisabled="getDisabled"
|
||||
/></el-row></div
|
||||
></el-tab-pane>
|
||||
<el-tab-pane name="fourth" :disabled="tabData[3].disabled">
|
||||
<p slot="label">公司风险分析</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row><step-risk-appraisal @getDisabled="getDisabled"/></el-row>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="fifth" :disabled="tabData[4].disabled">
|
||||
<p slot="label">公司基本信息</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row><step-company-info @getDisabled="getDisabled"/></el-row></div
|
||||
></el-tab-pane>
|
||||
<el-tab-pane name="sixth" :disabled="tabData[5].disabled">
|
||||
<p slot="label">分析指标明细</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row><stepAnalysisIndicator @getDisabled="getDisabled"/></el-row></div
|
||||
></el-tab-pane>
|
||||
<el-tab-pane name="seventh" :disabled="tabData[6].disabled">
|
||||
<p slot="label">ESG评价</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row><step-esg :name="state" @getDisabled="getDisabled"></step-esg></el-row></div
|
||||
<el-row
|
||||
><step-esg :name="state" @getDisabled="getDisabled"></step-esg
|
||||
></el-row></div
|
||||
></el-tab-pane>
|
||||
<el-tab-pane name="fifth" :disabled="tabData[4].disabled">
|
||||
<p slot="label">财务要素评价</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row
|
||||
><step-elements-appraisal
|
||||
:state="state"
|
||||
@getDisabled="getDisabled"
|
||||
/></el-row></div
|
||||
></el-tab-pane>
|
||||
<el-tab-pane name="sixth" :disabled="tabData[5].disabled">
|
||||
<p slot="label">公司风险分析</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row><step-risk-appraisal @getDisabled="getDisabled" /></el-row>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane name="seventh" :disabled="tabData[6].disabled">
|
||||
<p slot="label">分析指标明细</p>
|
||||
<div>
|
||||
<span>更新日期:{{ data["综合信用等级"]["评价时间"] }}</span>
|
||||
<el-row
|
||||
><stepAnalysisIndicator @getDisabled="getDisabled"
|
||||
/></el-row></div
|
||||
></el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
|
@ -159,7 +176,7 @@ import stepElementsAppraisal from "./stepElementsAppraisal";
|
|||
import stepRiskAppraisal from "./stepRiskAppraisal";
|
||||
import stepCompanyInfo from "./stepCompanyInfo";
|
||||
import stepAnalysisIndicator from "./stepAnalysisIndicator";
|
||||
import stepEsg from "./stepEsg.vue"
|
||||
import stepEsg from "./stepEsg.vue";
|
||||
export default {
|
||||
components: {
|
||||
FecrTable,
|
||||
|
@ -170,18 +187,18 @@ export default {
|
|||
stepRiskAppraisal,
|
||||
stepCompanyInfo,
|
||||
stepAnalysisIndicator,
|
||||
stepEsg
|
||||
stepEsg,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabData: [
|
||||
{ label: "综合信用评价", state: "first",disabled:false },
|
||||
{ label: "行业宏观分析", state: "second",disabled:false },
|
||||
{ label: "财务要素评价", state: "third",disabled:false },
|
||||
{ label: "公司风险分析", state: "fourth",disabled:false },
|
||||
{ label: "公司基本信息", state: "fifth",disabled:false },
|
||||
{ label: "分析指标明细", state: "sixth",disabled:false },
|
||||
{ label: "ESG评价", state: "seventh",disabled:false },
|
||||
{ label: "公司基本信息", state: "first", disabled: false },
|
||||
{ label: "行业宏观分析", state: "second", disabled: false },
|
||||
{ label: "综合信用评价", state: "third", disabled: false },
|
||||
{ label: "ESG评价", state: "fourth", disabled: false },
|
||||
{ label: "财务要素评价", state: "fifth", disabled: false },
|
||||
{ label: "公司风险分析", state: "sixth", disabled: false },
|
||||
{ label: "分析指标明细", state: "seventh", disabled: false },
|
||||
],
|
||||
state: "first",
|
||||
data: {
|
||||
|
@ -216,8 +233,8 @@ export default {
|
|||
this.visible = val;
|
||||
},
|
||||
|
||||
getDisabled(obj){
|
||||
this.tabData[obj.index].disabled = obj.disabled
|
||||
getDisabled(obj) {
|
||||
this.tabData[obj.index].disabled = obj.disabled;
|
||||
},
|
||||
|
||||
toAppraisal() {
|
||||
|
@ -285,18 +302,20 @@ export default {
|
|||
};
|
||||
},
|
||||
},
|
||||
watch:{
|
||||
tabData:{
|
||||
handler(val){
|
||||
for(let i in val){
|
||||
if(!val[i].disabled){
|
||||
return this.state = val[i].state
|
||||
watch: {
|
||||
tabData: {
|
||||
handler(val) {
|
||||
for (let i in val) {
|
||||
if (!val[i].disabled) {
|
||||
return (this.state = val[i].state);
|
||||
}
|
||||
}
|
||||
console.log(this.state)
|
||||
},
|
||||
// immediate:true,
|
||||
deep: true,
|
||||
},
|
||||
},
|
||||
deep:true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang='scss' scoped>
|
||||
|
@ -422,7 +441,7 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__nav-wrap{
|
||||
::v-deep .el-tabs__nav-wrap {
|
||||
padding: 0.5vh 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -29,7 +29,7 @@ export default {
|
|||
init() {
|
||||
JsonPost("/company/company_index", { table: "指标明细" }).then((res) => {
|
||||
if (Object.keys(res.result).length === 0) {
|
||||
this.$emit("getDisabled",{disabled:true,index:5})
|
||||
this.$emit("getDisabled",{disabled:true,index:6})
|
||||
} else {
|
||||
this.data = res.result;
|
||||
this.getColumns();
|
||||
|
|
|
@ -79,7 +79,7 @@ export default {
|
|||
init() {
|
||||
JsonPost("/company/company_index",{table:'公司基本信息'}).then((res) => {
|
||||
if (Object.keys(res.result).length === 0) {
|
||||
this.$emit("getDisabled",{disabled:true,index:4})
|
||||
this.$emit("getDisabled",{disabled:true,index:0})
|
||||
} else {
|
||||
this.data = res.result;
|
||||
}
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<el-col :span="12">
|
||||
<el-card class="left">
|
||||
<span>综合信用指标表现</span>
|
||||
<fecr-radar :data.sync="data['综合信用表现']" v-if="name === 'first'" />
|
||||
<fecr-radar :data.sync="data['综合信用表现']" v-if="name === 'third'" />
|
||||
</el-card>
|
||||
<el-card class="left">
|
||||
<span>总得分</span>
|
||||
|
@ -53,7 +53,7 @@
|
|||
<span>成长能力</span>
|
||||
<fecr-line-new
|
||||
:data="data['成长能力']"
|
||||
v-if="data.hasOwnProperty('成长能力')&&Object.keys(data['成长能力']).length !== 0 && name === 'first'"
|
||||
v-if="data.hasOwnProperty('成长能力')&&Object.keys(data['成长能力']).length !== 0 && name === 'third'"
|
||||
></fecr-line-new>
|
||||
<el-empty :image-size="200" description="暂无数据" v-else></el-empty>
|
||||
</el-card>
|
||||
|
@ -219,7 +219,7 @@ export default {
|
|||
(res) => {
|
||||
if (Object.keys(res.result).length === 0) {
|
||||
this.$emit("getVisible", true);
|
||||
this.$emit("getDisabled",{disabled:true,index:0})
|
||||
this.$emit("getDisabled",{disabled:true,index:2})
|
||||
} else {
|
||||
this.data = res.result;
|
||||
this.viewReport(res.result["信用分析"]["查看报告"]);
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
:data="data[selectBar]"
|
||||
:id="'elements-appraisal'"
|
||||
:xAxis="xAxis"
|
||||
v-if="state === 'third'"
|
||||
v-if="state === 'fifth'"
|
||||
/>
|
||||
</el-card>
|
||||
<el-card class="left" style="height: auto">
|
||||
|
@ -227,7 +227,7 @@ export default {
|
|||
JsonPost("/company/company_index", { table: "财务要素分析" }).then(
|
||||
(res) => {
|
||||
if (Object.keys(res.result).length === 0) {
|
||||
this.$emit("getDisabled",{disabled:true,index:2})
|
||||
this.$emit("getDisabled",{disabled:true,index:4})
|
||||
} else {
|
||||
this.data = res.result;
|
||||
this.getTableData(this.selectTable);
|
||||
|
|
|
@ -73,7 +73,7 @@
|
|||
:data="data['实质性议题得分情况'][item.name]"
|
||||
:sty="item"
|
||||
:id="'ring' + index"
|
||||
v-if="name === 'seventh'"
|
||||
v-if="name === 'fourth'"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
@ -170,7 +170,7 @@ export default {
|
|||
init() {
|
||||
get("/company/esg_analysis").then((res) => {
|
||||
if (Object.keys(res.result).length === 0) {
|
||||
this.$emit("getDisabled", {disabled:true,index:6});
|
||||
this.$emit("getDisabled", {disabled:true,index:3});
|
||||
} else {
|
||||
this.data = res.result[0];
|
||||
}
|
||||
|
|
|
@ -72,7 +72,6 @@ export default {
|
|||
this.$emit("getDisabled", {disabled:true,index:1});
|
||||
} else {
|
||||
this.data = res.result;
|
||||
console.log(this.data)
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
|
@ -100,7 +100,7 @@ export default {
|
|||
JsonPost("/company/company_index", { table: "风险要素分析" }).then(
|
||||
(res) => {
|
||||
if (Object.keys(res.result).length === 0) {
|
||||
this.$emit("getDisabled", {disabled:true,index:3});
|
||||
this.$emit("getDisabled", {disabled:true,index:5});
|
||||
} else {
|
||||
this.data = res.result;
|
||||
this.ownRiskData = this.optimizeData(this.data["合规风险"], 0);
|
||||
|
|
Loading…
Reference in New Issue